web前端之JavaScript DOM编程艺术之JavaScript语法

web前端之JavaScript DOM编程艺术之JavaScript语法

变量的声明:

第一种:var mod; var age;mod=”good”;age=12;

第二种:var mod=”good”,age=12;

第三种:var mod,age;mod=”good”;age=12;

变量名的命名:

第一种:var my_mod=”good”

第二种:var myMod=”good”

通常驼峰格式(第二种格式)是函数名/方法名和对象属性命名的首先格式。

数据类型：

字符串: var myMod=”good” 或 var myMod=’good’ 单引号和双引号两个生成的myMod没有任何区别

注:如果中间要使用单引号,就用\来对字符进行转译: var myMod=’I\’m good’。

数值:var age=123.123 不需要其中有特殊说明,只要是数字就行了

布尔值:var married=false\true

数组:var beatles=Array(4);创建一个长度为4的beatles数组

var beatles=Array();创建一个可以囊括不可知变量的数组

对数组进行填充:

beatles[0]=”john”;

beatles[1]=”tom”;

…

也可以:var beatles=[1940,1944,1955,1968];

beatles[0]里面可以存放不一样的值、变量、其他数组等

关联数组：var lenon=Array();

lenon[“name”]=”John”;

lenon[“year”]=1930;

lenon[“living”]=false;

使用这种方式可以代替下标是数字,增加代码的可读性,但是,这种用法并不是一个好习惯

对象:var lenon=Object();

lenon.name=”John”;

lenon.year=1980;

lenon.living=false;

或者写成这样:var lenon={name:”John”,year:1980,living:false};

创建对象使用的是Object关键字,它不是使用方括号和下标来获取元素,而是像任何JavaScript对象一样,使用点号来获取属性。

lenon.name=”John”来进行对lenon中name属性的获取

操作:

alert(“10”+20) ====>1020;

alert(10+20) ====>30;

当两个变量进行操作的时候要注意其对应的属性

条件语句:

if(a>b){
...
}else if(a==b){
...
}else{
...
}

比较运算符:

、<、>=、<=、==来进行判断

注: =是错误的,这是用于赋值,而是不用于判断

逻辑运算符:

且:&& 或:|| 非:!

循环语句:

while:

var count=1;
while(count<11){
alert(count);
count++;
}
或:
var count=1;
do{
alert(count);
count++;
}while(count<11)

for:

for(var i=0;i<11;i++){
alert(i);
}

现实情况中的使用:
var beatles=Array("John","Tom","Jack");
for(var i=0;i<beatles.length;i++){
alert(beatles[i]);
}

函数:

将多次使用的一段代码,将其封装成一个函数.

function shut(){
var beatles={"John","Tom","Jack","Ringo"};
for(int i=0;i<beatles.length;i++){
alert(beatles[i]);
}
}
shut();//进行直接调用

当需要使用的时候,js代码里直接用shut();来进行直接的调用

将两个参数传入函数中:

function mun(mun1,mun2){
var total=mun1+mun2;
alert(total);
}

mun(1,3);//进行直接调用

返回值的函数:

function returnTital(mun1,mun2){
var total=num1*num2;
return total;
}

变量作用域:

var globs =12;//局部变量

globs=12;//全局变量

技巧:全部变量做好写在一起,如globs=[1940,1944,1955,1968];方便日后进行相应的查找