《Dom Scripting》学习笔记
第二章 Javascript语法
本章内容：
1、语句。
2、变量和数组。
3、运算符。
4、条件语句和循环语句。
5、函数和对象。
语句（statements）
注释（comments）
方法：
1、// Note to self: comments are good.
2、/* Note to self:
comments are good */
3、<!— This is
a comment in JavaScript.
（In HTML, you would need to close the comment with —>:
<!— This is a comment in HTML —>）
变量（variables）
声明（declare）变量：
1、
var mood;
var age;
2、
var mood, age;
声明变量并赋值（assignment）：
1、
var mood =
"happy";
var age = 33;
2、 var mood = "happy", age = 33;（最有效的方法）
3、
var mood, age;
mood = "happy";
age = 33
变量的数据类型（Data types）
一、字符串（strings）
格式：用单引号或双引号包含字符串内容。
var mood = 'happy';
var mood = "happy";
防止字符串逃逸（escaping）的方法：
var mood = 'don\'t ask';
var height = "about 5'10\" tall";
二、数值（numbers）
三、布尔值
取值：true或false
区分字符串“true”与布尔值true：
This
will set the variable married to the Boolean value true:
var married = true;
In this case, married is a string containing the word “true”:
var married =“true”
四、数组
由名字相同的多个值构成的一个集合，集合中每个值都是数组的元素。
一、声明、填充数组的方法：
1、
var beatles = Array(4);
beatles[0] = "John";
beatles[1] = "Paul";
beatles[2] = "George";
beatles[3] = "Ringo";
2、
var beatles =
Array("John","Paul","George","Ringo");
3、
var beatles =
["John","Paul","George","Ringo"];
二、数组的元素种类
字符串、数值、布尔值、变量、数组
var lennon = Array("John",1940,false);
var beatles = Array();
beatles[0] = lennon;
三、关联数组
元素下标不是整数数字，是字符串。可以提高脚本可读性。
var beatles = Array();
beatles["vocalist"] = lennon
操作
算数运算符
+
将数值和字符串相加会得到字符串
alert ("10" + 20);//1020
alert (10 + 20);//30
条件语句
if (condition) {
statements;
}
条件的求值结果永远是一个布尔值，花括号中的语句，只有在给定条件的求职结果是true时才会得到执行。
比较操作符：=、==、！=
逻辑操作符：&&（与）、||（或）、！（非）
循环语句
While
while (condition) {
statements;
}
do…while
do {
statements;
} while (condition);
for
for (initial condition; test condition; alter condition) {
statements;
}
等同于
initialize;
while (condition) {
statements;
increment;
}
函数
定义函数
function name(arguments) {
statements;
}
函数返回值：数值、字符串、数组、布尔值
变量作用域（scope）
全局变量（global variable）
局部变量（local variable）
如果在某个函数中使用了var，那个变量就是一个局部变量，它将只存在于这个函数的上下文中；若没有使用var，那么就是一个全局变量。如果脚本中存在一个与之同名的变量，这个函数将覆盖那个现有的值。
function square(num) {
total = num * num;
return total;
}
var total = 50;
var number = square(20);
alert(total);
//弹出400
function square(num) {
var total = num * num;
return total;
}
var total = 50;
var number = square(20);
alert(total);
//弹出50
对象（objects）
对象是自我包含的数据集合，包含在对象里的数据可以通过属性和方法两种方式访问。
属性（properties）：是隶属于某个特定对象的变量。
方法（methods）：是只有某个特定对象才能调用的函数。
用户定义对象（user-defined
objects）。
内建对象（native objects）。
宿主对象（host objects）：js中一些已经预先定义好的对象，不是由js语言本身而是由它的运行环境提供的，就是各种web浏览器。由web浏览器提供的预定义对象成为宿主对象。
整理的思维导图：