Javascript基础(一)——基本语法

        上一篇博客简单介绍了,Javascript这门脚本语言的概述,这篇我们学们学习一下它的基础知识。这里我从两方面来说,一是基本语法,另外是初学者谨记的注意事项。大家看这张图可以很清晰的看出我总结的思路:




 

        一,基本语法:


               1Javascript脚本代码语言的位置:可以以三种方式出现:


                      a,在网页文件中的<script></script>标签中直接编写脚本代码程序,使用最多的情况(一般放在head里面)。<script>标签的位置并不是固定的,可以出现在<head>或者<body>中的任何地方;而且在一个文档中可以有多个<script>标签来嵌入多段JavaScript代码,每段代码可以互相访问,同将所有JS代码放在一对<script>标签中的效果是一样的。

     例如:


 

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>测试</title>
    <!--这是第一个脚本框架定义了一个弹出信息框的函数-->
	<script language="javascript" type="text/javascript">
	    var sound="adam";//定义一个变量
	    function myFunction(){//利用function定义一个名为myFunction的函数
	    this.style.color="red";//定义触发函数的颜色
	    alert(sound);//弹出提示框
	    }
	</script>
	
</head>


<body>
<a href="#" id="a"> 这是测试用的超链接</a>
    <!--第二个脚本框架-->
	<script language="javascript" type="text/javascript">
		document.getElementById("a").onclick=myFunction;//当单击这段字时触发函数
	</script>
</body>
</html>


 

 

           b,将脚本代码放置在一个单独的文件中,在网页文件中引用这个脚本程序文件(.js文件)。这也是我们经常用的一种方式。

例如:

     <script type="text/javascript"src="js/userVerify.js"></script>

 

           c,将脚本程序代码作为某个元素的事件属性值或超链接的href属性值。

例如:

     超链接<a>的href属性除了可以使用http和mailto等协议之外,还可以使用Javascript协议。如:


<a href=”javascript:alert(new Date())”;>javascript</a>


     单击这个超链接,浏览器将会执行JavaScript:后面的脚本程序代码


     2,Javascript中的标识符:


        a.标识符是指JavaScript中定义的符号,例如:变量名、函数名、数组名等。标识符可以由任意顺序的大小写字母、数字、下划线和美元符号组成,但不能以数字开头,不能是Javascript中的保留关键字。


         b,JavaScript是严格区分大小写的。Js中的代码格式、注释等和C#中类似。


    c,在JS中声明一个变量用var,因为JS是一种弱类型的语言,在运行的时候才能够确定类型;字符串用双引号或者单引号都可以,但是推荐在HTML中用双引号,JS中用单引号。

        这里也是我们注意事项的前两点。


       3Javascript中的数据类型,变量:


         a,数据类型:

主要(基本)数据类型是:


  • 字符串 :一个字符串值是排在一起的一串零或零以上的 Unicode 字符(字母、数字和标点符号)。字符串数据类型用来表示 JScript 中的文本。
  • 数值 :在 Jscript 中整数和浮点值没有差别。
  • 布尔 (boolean:true  or  false

复合(引用)数据类型是:


  • 对象 :这是与面向对象的结合。
  • 数组 :和C#的使用方法很类似。

特殊数据类型是:


  • Null(无值,无对象)
  • Undefined (对象属性不存在;声明了变量但未赋值)

b,变量:


       变量在脚本中的第一次出现是在声明中。变量在第一次用到时就设置于内存中,便于后来在脚本中引用。使用变量之前先进行声明。可以使用var 关键字来进行变量声明。


varcount;  // 单个声明。

var count, amount, level;  // 用单个 var关键字声明的多个声明。

var count = 0, amount = 100;  //一条语句中的变量声明和初始化。

       对于变量的命名规范,在上边标识符中已经提到!而且这里很多东西都和C#变量的使用非常相似。

   

          4,运算符与控制语句(这里的和C#中大概都相似):

              a,运算符:



 

              b,控制语句:这里也是用到了三大结构,即顺序结构,循环结构,选择结构,里边的一些语句和C#的用法都一样,例如:

  选择:

  • 单一选择结构(if),
  • 二路选择结构(if/else),
  • 内联三元运算符?:
  • 多路选择结构(switch)。

 循环:

  • 在循环的开头测试表达式(while),
  • 在循环的末尾测试表达式(do/while),
  • 对对象的每个属性都进行操作(for/in),
  • 由计数器控制的循环(for)。

  通过嵌套和堆栈选择、循环控制结构,可以创建相当复杂的脚本。

 

        5,函数:

     使用函数的目的就是为了使代码清晰、易懂、易读、易维护,因此一个函数中的代码平均不要超过100行,最长不要超过200行,否则这个代码就会变得比较难理解。

 

    • 定义函数的格式:
    • function 函数名(参数列表)
    • {
    •       程序代码
    •       return 表达式;
    • }

 

     参数列表:就是程序在调用某个函数,执行其中的程序代码时,有时需要给函数传递一些参数,这时就有了参数列表(即使没有参数,方法名后面的括号也不能省)。


     返回值:如果主程序要求函数返回一个结果,就必须使return语句后面跟上这个要返回的结果。如果没有返回值或者不写return语句,这个函数就返回一个为undefined的值。

 

         Javascript中有很多内容函数,例如:encodeURI,返回一个URI字符串编码后的结果;decodeURI相反;parseInt,将字符串转换为整数;string,把任意类型转换为字符串;等等。


         当然我们也可以按照上边的规范定义属于我们自己使用的特定函数。

 

 

          当然这些都一些基本的知识,是学习Javascript必须掌握,更有深刻的东西,例如Javascript与面向对象的结合等,需要更深刻的学习!


posted @ 2013-06-16 13:14  爱生活,爱编程  阅读(168)  评论(0编辑  收藏  举报