严格模式 ('use strict';) 。如果启用了严格模式，代码就会引发ReferenceError的错误：B没有定义（b is not defined）。请记住，严格模式，则需要明确指定，才能实现全局变量声明。
s == 与 === 的区别[转]1、对于string,number等基础类型，==和===是有区别的1）不同类型间比较，==之比较“转化成同一类型后的值”看“值”是否相等，===如果类型不同，其结果就是不等2）同类型比较，直接进行“值”比较，两者结果一样2、对于Array,Object等高级类型，==和===是没有区别的进行“指针地址”比较3、基础类型与高级类型，==和===是有区别的1）对于==，将高级转化为基础类型，进行“值”比较2）因为类型不同，===结果为false
setTimeout(function(){xxx},1000);
等同于
function(){}.delay(1000);
typeof 返回一个表达式的数据类型的字符串，返回结果为javascript中的基本数据类型，包括：number、boolean、string、object、undefined、function 6种数据类型。
typeof 100; //number
typeof (1==1); //boolean
typeof 'onepixel'; //string
typeof {} ; //object
typeof onepixel; // undefined
typeof parseInt; // function
typeof [];//object
typeof new Date(); //object
数组操作
1、数组的创建
1var arrayObj = new Array(); //创建一个数组
2
3var arrayObj = new Array([size]); //创建一个数组并指定长度，注意不是上限，是长度
4
5var arrayObj = new Array([element0[, element1[, ...[, elementN]]]]); //创建一个数组并赋值
要说明的是，虽然第二种方法创建数组指定了长度，但实际上所有情况下数组都是变长的，也就是说即使指定了长度为5，仍然可以将元素存储在规定长度以外的，注意：这时长度会随之改变。
2、数组的元素的访问
1var testGetArrValue=arrayObj[1]; //获取数组的元素值
2
3arrayObj[1]= "这是新值"; //给数组元素赋予新的值
3、数组元素的添加
1arrayObj. push([item1 [item2 [. . . [itemN ]]]]);// 将一个或多个新元素添加到数组结尾，并返回数组新长度
2
3arrayObj.unshift([item1 [item2 [. . . [itemN ]]]]);// 将一个或多个新元素添加到数组开始，数组中的元素自动后移，返回数组新长度
4
5arrayObj.splice(insertPos,0,[item1[, item2[, . . . [,itemN]]]]);//将一个或多个新元素插入到数组的指定位置，插入位置的元素自动后移，返回""。
4、数组元素的删除
1arrayObj.pop(); //移除最后一个元素并返回该元素值
2
3arrayObj.shift(); //移除最前一个元素并返回该元素值，数组中元素自动前移
4
5arrayObj.splice(deletePos,deleteCount); //删除从指定位置deletePos开始的指定数量deleteCount的元素，数组形式返回所移除的元素
5、数组的截取和合并
1arrayObj.slice(start, [end]); //以数组的形式返回数组的一部分，注意不包括 end 对应的元素，如果省略 end 将复制 start 之后的所有元素
2
3arrayObj.concat([item1[, item2[, . . . [,itemN]]]]); //将多个数组（也可以是字符串，或者是数组和字符串的混合）连接为一个数组，返回连接好的新的数组
6、数组的拷贝
1arrayObj.slice(0); //返回数组的拷贝数组，注意是一个新的数组，不是指向
2
3arrayObj.concat(); //返回数组的拷贝数组，注意是一个新的数组，不是指向
7、数组元素的排序
1arrayObj.reverse(); //反转元素（最前的排到最后、最后的排到最前），返回数组地址
2
3arrayObj.sort(); //对数组元素排序，返回数组地址
8、数组元素的字符串化
1arrayObj.join(separator); //返回字符串，这个字符串将数组的每一个元素值连接在一起，中间用 separator 隔开。
2
3toLocaleString 、toString 、valueOf：可以看作是join的特殊用法，不常用
7. 查找某元素是否存在，存在返回其位置，不存在返回-1
执行arr.indexOf(4); 结果： 3 (位置为3)
执行arr.indexOf(7); 结果：-1 (不存在)二、数组对象的3个属性
1、length 属性
Length属性表示数组的长度，即其中元素的个数。因为数组的索引总是由0开始，所以一个数组的上下限分别是：0和length-1。和其他大多数语言不同的是，JavaScript数组的length属性是可变的，这一点需要特别注意。当length属性被设置得更大时，整个数组的状态事实上不会发生变化，仅仅是length属性变大；当length属性被设置得比原来小时，则原先数组中索引大于或等于length的元素的值全部被丢失。下面是演示改变length属性的例子：
01var arr=[12,23,5,3,25,98,76,54,56,76];
02
03//定义了一个包含10个数字的数组
04
05alert(arr.length); //显示数组的长度10
06
07arr.length=12; //增大数组的长度
08
09alert(arr.length); //显示数组的长度已经变为12
10
11alert(arr[8]); //显示第9个元素的值，为56
12
13arr.length=5; //将数组的长度减少到5，索引等于或超过5的元素被丢弃
14
15alert(arr[8]); //显示第9个元素已经变为"undefined"
16
17arr.length=10; //将数组长度恢复为10
18
19alert(arr[8]); //虽然长度被恢复为10，但第9个元素却无法收回，显示"undefined"
由上面的代码我们可以清楚的看到length属性的性质。但length对象不仅可以显式的设置，它也有可能被隐式修改。JavaScript中可以使用一个未声明过的变量，同样，也可以使用一个未定义的数组元素（指索引超过或等于length的元素），这时，length属性的值将被设置为所使用元素索引的值加1。例如下面的代码：
1var arr=[12,23,5,3,25,98,76,54,56,76];
2
3alert(arr.length);
4
5arr[15]=34;
6
7alert(arr.length);
代码中同样是先定义了一个包含10个数字的数组，通过alert语句可以看出其长度为10。随后使用了索引为15的元素，将其赋值为15，即 arr[15]=34，这时再用alert语句输出数组的长度，得到的是16。无论如何，对于习惯于强类型编程的开发人员来说，这是一个很令人惊讶的特性。事实上，使用new Array()形式创建的数组，其初始长度就是为0，正是对其中未定义元素的操作，才使数组的长度发生变化。
由上面的介绍可以看到，length属性是如此的神奇，利用它可以方便的增加或者减少数组的容量。因此对length属性的深入了解，有助于在开发过程中灵活运用。
2、prototype 属性
返回对象类型原型的引用。prototype 属性是 object 共有的。
objectName.prototype
objectName 参数是object对象的名称。
说明：用 prototype 属性提供对象的类的一组基本功能。 对象的新实例“继承”赋予该对象原型的操作。
对于数组对象，以以下例子说明prototype 属性的用途。
给数组对象添加返回数组中最大元素值的方法。要完成这一点，声明一个函数，将它加入 Array.prototype， 并使用它。
01function array_max()
02 {
03 var i,
04 max = this[0];
05
06 for (i = 1; i < this.length; i++)
07 {
08 if (max < this[i])
09 max = this[i];
10 }
11 return max;
12}
13
14Array.prototype.max = array_max;
15
16var x = new Array(1, 2, 3, 4, 5, 6);
17
18var y = x.max();
该代码执行后，y 保存数组 x 中的最大值，或说 6。
3、constructor 属性
表示创建对象的函数。
object.constructor //object是对象或函数的名称。
说明：constructor 属性是所有具有 prototype 的对象的成员。它们包括除 Global 和 Math 对象以外的所有 JScript 固有对象。constructor 属性保存了对构造特定对象实例的函数的引用。
例如：
1x = new String("Hi");
2
3if (x.constructor == String) // 进行处理（条件为真）。
或
1function MyFunc {
2
3 // 函数体。
4
5}
6y = new MyFunc;
7
8if (y.constructor == MyFunc) // 进行处理（条件为真）。
对于数组来说：
1y = new Array();
选择器 实例 选取 * $("*") 所有元素 #id $("#lastname") id="lastname" 的元素 .class $(".intro") 所有 class="intro" 的元素 element $("p") 所有 <p> 元素 .class.class $(".intro.demo") 所有 class="intro" 且 class="demo" 的元素 :first $("p:first") 第一个 <p> 元素 :last $("p:last") 最后一个 <p> 元素 :even $("tr:even") 所有偶数 <tr> 元素 :odd $("tr:odd") 所有奇数 <tr> 元素 :eq(index) $("ul li:eq(3)") 列表中的第四个元素（index 从 0 开始） :gt(no) $("ul li:gt(3)") 列出 index 大于 3 的元素 :lt(no) $("ul li:lt(3)") 列出 index 小于 3 的元素 :not(selector) $("input:not(:empty)") 所有不为空的 input 元素 :header $(":header") 所有标题元素 <h1> - <h6> :animated 所有动画元素 :contains(text) $(":contains('W3School')") 包含指定字符串的所有元素 :empty $(":empty") 无子（元素）节点的所有元素 :hidden $("p:hidden") 所有隐藏的 <p> 元素 :visible $("table:visible") 所有可见的表格 s1,s2,s3 $("th,td,.intro") 所有带有匹配选择的元素 [attribute] $("[href]") 所有带有 href 属性的元素 [attribute=value] $("[href='#']") 所有 href 属性的值等于 "#" 的元素 [attribute!=value] $("[href!='#']") 所有 href 属性的值不等于 "#" 的元素 [attribute$=value] $("[href$='.jpg']") 所有 href 属性的值包含以 ".jpg" 结尾的元素 :input $(":input") 所有 <input> 元素 :text $(":text") 所有 type="text" 的 <input> 元素 :password $(":password") 所有 type="password" 的 <input> 元素 :radio $(":radio") 所有 type="radio" 的 <input> 元素 :checkbox $(":checkbox") 所有 type="checkbox" 的 <input> 元素 :submit $(":submit") 所有 type="submit" 的 <input> 元素 :reset $(":reset") 所有 type="reset" 的 <input> 元素 :button $(":button") 所有 type="button" 的 <input> 元素 :image $(":image") 所有 type="image" 的 <input> 元素 :file $(":file") 所有 type="file" 的 <input> 元素 :enabled $(":enabled") 所有激活的 input 元素 :disabled $(":disabled") 所有禁用的 input 元素 :selected $(":selected") 所有被选取的 input 元素 :checked $(":checked") 所有被选中的 input 元素
//链式方法. 关键在于返回了当前对象 this 而this又具有其他方法. 如此即可一直链式下去
var test = {
print: function (msg) {
console.log("print " + msg);
return this;
},
//用循环来判断时间模拟sleep. 占用大量CPU 不推荐使用, 但是唯一的方法.
delay: function (n) {
var start = new Date().getTime();
while (true) if (new Date().getTime() - start > n*1000) break;
return this;
}
};
test.print('a').delay(1).print('b').delay(1).print('c');
setTimeout(function(){xxx},1000);等同于
function(){}.delay(1000);
typeof 返回一个表达式的数据类型的字符串，返回结果为javascript中的基本数据类型，包括：number、boolean、string、object、undefined、function 6种数据类型。
typeof 100; //number
typeof (1==1); //boolean
typeof 'onepixel'; //string
typeof {} ; //object
typeof onepixel; // undefined
typeof parseInt; // function
typeof [];//object
typeof new Date(); //object
数组操作
1、数组的创建
1var arrayObj = new Array(); //创建一个数组
2
3var arrayObj = new Array([size]); //创建一个数组并指定长度，注意不是上限，是长度
4
5var arrayObj = new Array([element0[, element1[, ...[, elementN]]]]); //创建一个数组并赋值
要说明的是，虽然第二种方法创建数组指定了长度，但实际上所有情况下数组都是变长的，也就是说即使指定了长度为5，仍然可以将元素存储在规定长度以外的，注意：这时长度会随之改变。
2、数组的元素的访问
1var testGetArrValue=arrayObj[1]; //获取数组的元素值
2
3arrayObj[1]= "这是新值"; //给数组元素赋予新的值
3、数组元素的添加
1arrayObj. push([item1 [item2 [. . . [itemN ]]]]);// 将一个或多个新元素添加到数组结尾，并返回数组新长度
2
3arrayObj.unshift([item1 [item2 [. . . [itemN ]]]]);// 将一个或多个新元素添加到数组开始，数组中的元素自动后移，返回数组新长度
4
5arrayObj.splice(insertPos,0,[item1[, item2[, . . . [,itemN]]]]);//将一个或多个新元素插入到数组的指定位置，插入位置的元素自动后移，返回""。
4、数组元素的删除
1arrayObj.pop(); //移除最后一个元素并返回该元素值
2
3arrayObj.shift(); //移除最前一个元素并返回该元素值，数组中元素自动前移
4
5arrayObj.splice(deletePos,deleteCount); //删除从指定位置deletePos开始的指定数量deleteCount的元素，数组形式返回所移除的元素
5、数组的截取和合并
1arrayObj.slice(start, [end]); //以数组的形式返回数组的一部分，注意不包括 end 对应的元素，如果省略 end 将复制 start 之后的所有元素
2
3arrayObj.concat([item1[, item2[, . . . [,itemN]]]]); //将多个数组（也可以是字符串，或者是数组和字符串的混合）连接为一个数组，返回连接好的新的数组
6、数组的拷贝
1arrayObj.slice(0); //返回数组的拷贝数组，注意是一个新的数组，不是指向
2
3arrayObj.concat(); //返回数组的拷贝数组，注意是一个新的数组，不是指向
7、数组元素的排序
1arrayObj.reverse(); //反转元素（最前的排到最后、最后的排到最前），返回数组地址
2
3arrayObj.sort(); //对数组元素排序，返回数组地址
8、数组元素的字符串化
1arrayObj.join(separator); //返回字符串，这个字符串将数组的每一个元素值连接在一起，中间用 separator 隔开。
2
3toLocaleString 、toString 、valueOf：可以看作是join的特殊用法，不常用
7. 查找某元素是否存在，存在返回其位置，不存在返回-1
执行arr.indexOf(4); 结果： 3 (位置为3)
执行arr.indexOf(7); 结果：-1 (不存在)二、数组对象的3个属性
1、length 属性
Length属性表示数组的长度，即其中元素的个数。因为数组的索引总是由0开始，所以一个数组的上下限分别是：0和length-1。和其他大多数语言不同的是，JavaScript数组的length属性是可变的，这一点需要特别注意。当length属性被设置得更大时，整个数组的状态事实上不会发生变化，仅仅是length属性变大；当length属性被设置得比原来小时，则原先数组中索引大于或等于length的元素的值全部被丢失。下面是演示改变length属性的例子：
01var arr=[12,23,5,3,25,98,76,54,56,76];
02
03//定义了一个包含10个数字的数组
04
05alert(arr.length); //显示数组的长度10
06
07arr.length=12; //增大数组的长度
08
09alert(arr.length); //显示数组的长度已经变为12
10
11alert(arr[8]); //显示第9个元素的值，为56
12
13arr.length=5; //将数组的长度减少到5，索引等于或超过5的元素被丢弃
14
15alert(arr[8]); //显示第9个元素已经变为"undefined"
16
17arr.length=10; //将数组长度恢复为10
18
19alert(arr[8]); //虽然长度被恢复为10，但第9个元素却无法收回，显示"undefined"
由上面的代码我们可以清楚的看到length属性的性质。但length对象不仅可以显式的设置，它也有可能被隐式修改。JavaScript中可以使用一个未声明过的变量，同样，也可以使用一个未定义的数组元素（指索引超过或等于length的元素），这时，length属性的值将被设置为所使用元素索引的值加1。例如下面的代码：
1var arr=[12,23,5,3,25,98,76,54,56,76];
2
3alert(arr.length);
4
5arr[15]=34;
6
7alert(arr.length);
代码中同样是先定义了一个包含10个数字的数组，通过alert语句可以看出其长度为10。随后使用了索引为15的元素，将其赋值为15，即 arr[15]=34，这时再用alert语句输出数组的长度，得到的是16。无论如何，对于习惯于强类型编程的开发人员来说，这是一个很令人惊讶的特性。事实上，使用new Array()形式创建的数组，其初始长度就是为0，正是对其中未定义元素的操作，才使数组的长度发生变化。
由上面的介绍可以看到，length属性是如此的神奇，利用它可以方便的增加或者减少数组的容量。因此对length属性的深入了解，有助于在开发过程中灵活运用。
2、prototype 属性
返回对象类型原型的引用。prototype 属性是 object 共有的。
objectName.prototype
objectName 参数是object对象的名称。
说明：用 prototype 属性提供对象的类的一组基本功能。 对象的新实例“继承”赋予该对象原型的操作。
对于数组对象，以以下例子说明prototype 属性的用途。
给数组对象添加返回数组中最大元素值的方法。要完成这一点，声明一个函数，将它加入 Array.prototype， 并使用它。
01function array_max()
02 {
03 var i,
04 max = this[0];
05
06 for (i = 1; i < this.length; i++)
07 {
08 if (max < this[i])
09 max = this[i];
10 }
11 return max;
12}
13
14Array.prototype.max = array_max;
15
16var x = new Array(1, 2, 3, 4, 5, 6);
17
18var y = x.max();
该代码执行后，y 保存数组 x 中的最大值，或说 6。
3、constructor 属性
表示创建对象的函数。
object.constructor //object是对象或函数的名称。
说明：constructor 属性是所有具有 prototype 的对象的成员。它们包括除 Global 和 Math 对象以外的所有 JScript 固有对象。constructor 属性保存了对构造特定对象实例的函数的引用。
例如：
1x = new String("Hi");
2
3if (x.constructor == String) // 进行处理（条件为真）。
或
1function MyFunc {
2
3 // 函数体。
4
5}
6y = new MyFunc;
7
8if (y.constructor == MyFunc) // 进行处理（条件为真）。
对于数组来说：
1y = new Array();
选择器 实例 选取 * $("*") 所有元素 #id $("#lastname") id="lastname" 的元素 .class $(".intro") 所有 class="intro" 的元素 element $("p") 所有 <p> 元素 .class.class $(".intro.demo") 所有 class="intro" 且 class="demo" 的元素 :first $("p:first") 第一个 <p> 元素 :last $("p:last") 最后一个 <p> 元素 :even $("tr:even") 所有偶数 <tr> 元素 :odd $("tr:odd") 所有奇数 <tr> 元素 :eq(index) $("ul li:eq(3)") 列表中的第四个元素（index 从 0 开始） :gt(no) $("ul li:gt(3)") 列出 index 大于 3 的元素 :lt(no) $("ul li:lt(3)") 列出 index 小于 3 的元素 :not(selector) $("input:not(:empty)") 所有不为空的 input 元素 :header $(":header") 所有标题元素 <h1> - <h6> :animated 所有动画元素 :contains(text) $(":contains('W3School')") 包含指定字符串的所有元素 :empty $(":empty") 无子（元素）节点的所有元素 :hidden $("p:hidden") 所有隐藏的 <p> 元素 :visible $("table:visible") 所有可见的表格 s1,s2,s3 $("th,td,.intro") 所有带有匹配选择的元素 [attribute] $("[href]") 所有带有 href 属性的元素 [attribute=value] $("[href='#']") 所有 href 属性的值等于 "#" 的元素 [attribute!=value] $("[href!='#']") 所有 href 属性的值不等于 "#" 的元素 [attribute$=value] $("[href$='.jpg']") 所有 href 属性的值包含以 ".jpg" 结尾的元素 :input $(":input") 所有 <input> 元素 :text $(":text") 所有 type="text" 的 <input> 元素 :password $(":password") 所有 type="password" 的 <input> 元素 :radio $(":radio") 所有 type="radio" 的 <input> 元素 :checkbox $(":checkbox") 所有 type="checkbox" 的 <input> 元素 :submit $(":submit") 所有 type="submit" 的 <input> 元素 :reset $(":reset") 所有 type="reset" 的 <input> 元素 :button $(":button") 所有 type="button" 的 <input> 元素 :image $(":image") 所有 type="image" 的 <input> 元素 :file $(":file") 所有 type="file" 的 <input> 元素 :enabled $(":enabled") 所有激活的 input 元素 :disabled $(":disabled") 所有禁用的 input 元素 :selected $(":selected") 所有被选取的 input 元素 :checked $(":checked") 所有被选中的 input 元素
//链式方法. 关键在于返回了当前对象 this 而this又具有其他方法. 如此即可一直链式下去
var test = {
print: function (msg) {
console.log("print " + msg);
return this;
},
//用循环来判断时间模拟sleep. 占用大量CPU 不推荐使用, 但是唯一的方法.
delay: function (n) {
var start = new Date().getTime();
while (true) if (new Date().getTime() - start > n*1000) break;
return this;
}
};
test.print('a').delay(1).print('b').delay(1).print('c');