《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浏览器提供的预定义对象成为宿主对象。

整理的思维导图：