一、变量的定义
1、变量是用于存储信息的"容器",是命名的内存空间,可以使用变量名称找到该内存空间。
2、JavaScript 的变量是松散类型(弱类型)的,所谓松散类型就是用来保存任何类型的数据。在定义变量的时候不需要指定变量的数据类型。
3、定义变量时要使用 var 操作符(var 是关键,表示的变量),后面跟一个变量名(变量名是标识符)。
格式:var 变量名;  
4、变量定义完成后,可以存储任意类型的数据。


二、变量的命名规则
变量可以使用短名称,如x,y;也可以是长名称,如information,construction
变量命名规则如下:
1、变量命名必须以字母、下划线”_”或者”$”为开头。其他字符可以是字母、_、美元符号或数字。
2、变量名中不允许使用空格和其他标点符号,首个字不能为数字。
3、变量名长度不能超过255个字符。
4、变量名区分大小写。(javascript是区分大小写的语言)
5、变量名必须放在同一行中
6、不能使用脚本语言中保留的关键字、保留字、true、false 和 null 作为标识符。
截止到目前为止JS描述了一组具有特定用途的关键字,一般用于控制语句的开始或结束,或者用于执行特定的操作等。关键字也是语言保留的,不能用作标识符。if for switch  case  break  continue  while  var  function


定义变量的格式:
var  变量名;
var  变量名=初始值;  //初始值不受数据类型的限制


例如:
var name; 声明了一个变量name
var name = "tony";       name表示名字,值为“tony”,数据类型为字符串;
var age = 27;            age表示年龄,值为27,数据类型为number;
var girlFriend = false;     girlFriend表示女盆友,值为否,数据类型为布尔值;
var fn = function(){};  fn表示一个方法,值为一个函数,数据类型为对象;


(1)“=”表示赋值运算符,将“=”右边的变量、常量、表达式的值赋给“=”左边的变量
(2)定义变量的同时,可以为该变量赋一个初始值。


例题:分别定义姓名,年龄和性别变量,并赋初始值,将其输出到页面中。
<SCRIPT type="text/javascript">
  var xm="张三";
  var age=20;
  var sex="男";
  var isEducated=false;
  document.write(xm,age,sex,isEducated);
</script>
注意:变量名两端不能加引号。




例题:分别定义姓名,年龄和性别变量,并赋初始值,将其输出到无序列表中。
(1)方式一
<SCRIPT type="text/javascript">
  var xm="张三";
  var age=20;
  var sex="男";
  var isEducated=false;
  document.write("<ul>");
  document.write("<li>",xm,"</li>");
  document.write("<li>",age,"</li>");
  document.write("<li>",sex,"</li>");
  document.write("<li>",isEducated,"</li>");
  document.write("</ul>");
</script>


(2)方式二
<style type="text/css">
#info{
border: 1px red solid;
}
</style>
<body>
<ul id="info">
<SCRIPT type="text/javascript">
 var xm="张三";
 var age=20;
 var sex="男";
 var isEducated=false;
 document.write("<li>",xm,"</li>");
 document.write("<li>",age,"</li>");
 document.write("<li>",sex,"</li>");
 document.write("<li>",isEducated,"</li>");
</script>
</ul>
</body>


(3)方式三


<body>
<ul id="info"></ul>
</body>
</html>
<SCRIPT type="text/javascript">
 var xm="张三";
 var age=20;
 var sex="男";
 var isEducated=false;
document.getElementById("info").innerHTML="<li>"+xm+"</li>" +"<li>"+sex+"</li>"+"<li>"+age+"</li>"+"<li>"+isEducated+"</li>";
</script>




以下内容属于行业经验部分:
1. 所有的命名最好是一些跟需求的内容相关的词,比如说我想申明一个变量,用来表示我的学校,那么我们可以这样定义 var mySchool = "我的学校";
2. 比如说我想申明一个数组,表示很多人的名字,那么我们可以这样定义 var names = new Array();用英文的复数表示更多;
Logo

权威|前沿|技术|干货|国内首个API全生命周期开发者社区

更多推荐