对象
一个对象就是一个属性集合,并拥有一个独立的prototype(原型)对象。
这个prototype可以是一个对象(所谓它的原型对象)或者null(原型链终点)。
栗子:foo,两个明显的自身属性(x,y)和一个隐含的__proto__
属性,这个属性是对foo
原型对象的引用:
对象作为数据类型
JavaScript 的对象可以作为哈希表使用,主要用来保存命名的键与值的对应关系。
使用对象的字面语法{}
可以创建一个简单对象。这个新创建的对象从Object.prototype继承下面,没有任何自定义属性。
var foo = {}; // 一个空对象
// 一个新对象,拥有一个值为12的自定义属性'test'
var bar = {test: 12};
访问属性
有两种方式来访问对象的属性,点操作符或者中括号操作符。
var foo = {name: 'kitten'}foo.name; // kittenfoo['name']; // kittenvar get = 'name';foo[get]; // kittenfoo.1234; // SyntaxErrorfoo['1234']; // works
两种语法是等价的,但是中括号操作符在下面两种情况下依然有效
- 动态设置属性
- 属性名不是一个有效的变量名(译者注:比如属性名中包含空格,或者属性名是 JS 的关键词)
译者注:在 JSLint 语法检测工具中,点操作符是推荐做法。
删除属性
删除属性的唯一方法是使用 delete
操作符;设置属性为 undefined
或者null
并不能真正的删除属性, 而仅仅是移除了属性和值的关联。
var obj = { bar: 1, foo: 2, baz: 3};obj.bar = undefined;obj.foo = null;delete obj.baz;for(var i in obj) { if (obj.hasOwnProperty(i)) { console.log(i, '' + obj[i]); }}
上面的输出结果有 bar undefined
和 foo null
- 只有 baz
被真正的删除了,所以从输出结果中消失。
属性名的语法
var test = { 'case': 'I am a keyword so I must be notated as a string', delete: 'I am a keyword too so me' // 出错:SyntaxError};
对象的属性名可以使用字符串或者普通字符声明。但是由于 JavaScript 解析器的另一个错误设计, 上面的第二种声明方式在 ECMAScript 5 之前会抛出SyntaxError
的错误。
这个错误的原因是 delete
是 JavaScript 语言的一个关键词;因此为了在更低版本的 JavaScript 引擎下也能正常运行, 必须使用字符串字面值声明方式。
JavaScript 中所有变量都可以当作对象使用,除了两个例外null和undefined
提问!!! 数字可以作文对象来使用吗?
2.toString();
会输出什么???
特殊的栗子
一个常见的误解是数字的字面值(literal)不能当作对象使用。
这是因为 JavaScript 解析器的一个错误, 它试图将点操作符解析为浮点数字面值的一部分。
2.toString(); // 出错:SyntaxError
有很多变通方法可以让数字的字面值看起来像对象。
2..toString(); // 第二个点号可以正常解析
2 .toString(); // 注意点号前面的空格
(2).toString(); // 2先被计算
构造函数
通常情况下需要对象拥有相同或者相似的状态结构(也就是相同的属性集合),赋以不同的状态值。在这个情况下我们可能需要使用构造函数(constructor function),其以指定的模式来创造对象。
除了以指定模式创建对象之外,构造函数也做了另一个有用的事情-它自动地为新创建的对象设置一个原型对象。这个原型对象存储在ConstructorFunction.prototype
属性中。
换句话说,我们可以使用构造函数来重写上一个拥有对象b和对象c的例子。因此,对象a(一个原型对象)的角色由Foo.prototype来扮演:
//构造函数Foo(注意不是foo)
function Foo(y) {
this.y = y;
//自动创建了一个prototype属性,值为Foo.prototype
//自带__proto__属性,值为Function.prototype(自带__proto__属性,值为Object.prototype<...>)
}
// 定义Foo.prototype内有个x属性,值为10
Foo.prototype.x = 10;
// 定义Foo.prototype内有个calculate方法
Foo.prototype.calculate = function (z) {
return this.x + this.y + z;
};
// 基于Foo创建b,c
var b = new Foo(20);
var c = new Foo(30);
// 调用继承来的calculate方法
b.calculate(30); // 60
c.calculate(40); // 80
console.log(
b.__proto__ === Foo.prototype, // true
c.__proto__ === Foo.prototype, // true
b.constructor === Foo, // true
c.constructor === Foo, // true
Foo.prototype.constructor === Foo // true
b.calculate === b.__proto__.calculate, // true
b.__proto__.calculate === Foo.prototype.calculate // true
);
变量作用域
变量的作用域由函数限定,不是全局,就是局部。
全局处处可以访问,局部只有在变量被声明的地方才能访问。
在js中唯一能定义变量作用域的语块就是函数,所以全局变量在函数外部定义,局部变量在函数内部定义。
注意!在函数内部,要是忘记写var了,这个变量就会变成全局变量了~
提问!! for循环内的变量的作用域是??
闭包
闭包是组织垃圾回收器将变量从内存中移除的方法,使得在创建变量的执行环境的外面能够访问到该变量。
常用于保存变量,以便在ajax请求返回时使用。
var p={
name: 'zd',
who: function () {
$.ajax({
success: function () {
console.log(this.name);
}
});
}
};
p.who();//zd
forEach (js v1.6)
map (js v1.6)
filter (js v1.6)
some (js v1.6)
every (js v1.6)
indexOf (js v1.6)
lastIndexOf (js v1.6)
reduce (js v1.8)
reduceRight (js v1.8)