数据类型
5种简单数据类型(基本数据类型):Undefined、Null、Boolean、Number、String
1种复杂数据类型:Object
变量、作用域和内存问题
函数的参数是按值传递的。*可以把 ECMAScript函数的参数想象成局部变量。 *
例1:
function addTen(num) {
num += 10;
return num; }
var count = 20;
var result = addTen(count);
alert(count); //20,没有变化
alert(result); //30
例2:
function setName(obj) {
obj.name = "Nicholas"; }
var person = new Object();
setName(person);
alert(person.name); //"Nicholas"
例3:
function setName(obj) {
obj.name = "Nicholas";
obj = new Object();
obj.name = "Greg"; }
var person = new Object();
setName(person);
alert(person.name); //"Nicholas"
检测类型
**typeof **
var n == null;
alert(typeof n); //object
instanceof
alert(colors instanceof Array); // 变量 colors 是 Array 吗?```
##延长作用域链
function buildUrl() {
var qs = "?debug=true";
with(location){
var url = href + qs;//实际引用了location.href
}
return url;
}```
没有块级作用域
for (var i=0; i < 10; i++){
doSomething(i); }
alert(i); //10
引用类型
Array类型
toLocaleString()、toString()和 valueOf()方法
join()
栈方法
push()、pop()
队列方法
push()、shift()//取出第一项
unshift()//增加第一项、pop() 反向
重排序
reverse()//反序、sort()//值的升序
比较:
funtion compare(val1,val2){
return val2 - val1;
}
var values = [0, 1, 5, 10, 15];
values.sort(compare);
alert(values); // 15,10,5,1,0
操作方法
splice()
- 删除:可以删除任意数量的项,只需指定 2 个参数:要删除的第一项的位置和要删除的项数。 例如,splice(0,2)会删除数组中的前两项。
- 插入:可以向指定位置插入任意数量的项,只需提供 3个参数:起始位置、0(要删除的项数) 和要插入的项。如果要插入多个项,可以再传入第四、第五,以至任意多个项。例如, splice(2,0,"red","green")会从当前数组的位置 2开始插入字符串"red"和"green"。
- 替换:可以向指定位置插入任意数量的项,且同时删除任意数量的项,只需指定 3 个参数:起 始位置、要删除的项数和要插入的任意数量的项。插入的项数不必与删除的项数相等。例如, splice (2,1,"red","green")会删除当前数组位置 2 的项,然后再从位置 2 开始插入字符串 "red"和"green"。
位置方法(ES5新增)
indexOf()
迭代方法(ES5新增)
- every():对数组中的每一项运行给定函数,如果该函数对每一项都返回 true,则返回 true。
- ** filter()**:对数组中的每一项运行给定函数,返回该函数会返回 true 的项组成的数组。
- forEach()对数组中的每一项运行给定函数。这个方法没有返回值
- map():对数组中的每一项运行给定函数,返回每次函数调用的结果组成的数组。
-
some():对数组中的每一项运行给定函数,如果该函数对任一项返回 true,则返回 true。
** 以上方法都不会修改数组中的包含的值。**
归并方法(ES5新增)
reduce()和 reduceRight() 迭代数组的所有项,然后构建一个终返回的值
var values = [1,2,3,4,5];
var sum = values.reduce(function(prev, cur, index, array){
return prev + cur;
});
alert(sum); //15
函数类型
函数是对象,函数名是指针
使用不带圆括号的函数名是访问函 数指针,而非调用函数
没有重载
解析器会率先读取函数声明,并使其在执行 任何代码之前可用(可以访问);至于函数表达式,则必须等到解析器执行到它所在的代码行,才会真 正被解释执行。例:
alert(sum(10,10));
function sum(num1, num2){
return num1 + num2;
}
//正常运行
alert(sum(10,10));
var sum = function(num1, num2){
return num1 + num2;
};
//出错
根据某个对象属性对数组进行排序
function createComparisonFunction(propertyName) {
return function(object1, object2){
var value1 = object1[propertyName];
var value2 = object2[propertyName];
if (value1 < value2){
return -1;
} else if (value1 > value2){
return 1;
} else {
return 0;
}
}; }
var data = [{name: "Zachary", age: 28}, {name: "Nicholas", age: 29}];
data.sort(createComparisonFunction("name"));
alert(data[0].name); //Nicholas
data.sort(createComparisonFunction("age"));
alert(data[0].name); //Zachary
apply()和call()
- 传参
- 扩充作用域
window.color = "red";
var o = { color: "blue" };
function sayColor(){
alert(this.color);
}
sayColor(); //red
sayColor.call(this); //red
sayColor.call(window); //red
sayColor.call(o); //blue
bind()方法会创建一个函数的实例,其 this 值会被绑 定到传给 bind()函数的值 (ES5新增)
window.color = "red";
var o = { color: "blue" };
function sayColor(){
alert(this.color);
}
var objectSayColor = sayColor.bind(o);
objectSayColor(); //blue