原文: http://pij.robinqu.me/Javascript_Core/Javascript_Basics/Objects.html
- 本文须要补充更多例子
- 本文存在讲明,但该网站的Markdown编辑器不支持,所以没法一般展现,请到原文参考。
Javascript Objects
建立对象
对象直接量
var o = {
foo : “bar”
}组织函数
var o = new Object();
原型继续
var p = Object.create(o);
类继续
Javascript对象具有自有属性和继续属性。
在查询对象o的属性x时,先查找o中的属性x,假如没找到,则查找o的原型对象中的x属性,直到查找到x或许一个原型是null的对象为止
在给对象o的x属性赋值时,假如o中已经有一个自有属性x,则转变x的值,若o中不存在属性x,则为o建立一个x属性并赋值
也就是说,只要在查询时原型链才会起作用。
var O = {
x : 1
};function P() {
this.y = 2;
}P.prototype = O;
var t = new P();
console.log(t);
console.log(‘x’ in t);//true
console.log(t.hasOwnProperty(‘x’));//false
能够运用in 或许 hasOwnProperty 来推断对象中是不是存在属性。
对象属性
- 遍历对象属性
能够运用 for..in
来遍历对象的属性
运用for..in
时会遍历到原型链上的属性。遍历递次是以广度优先遍历
所以运用hasOwnProperty便能够推断是不是是对象自有的属性。
- 对象属性的特征
运用Object.getOwnPropertyDescriptor()猎取对象特定属性的描述符
可写性(writable) 示意对象属性是不是可写
比方
var o = {
foo : 'bar'
}
Object.defineProperty(o, "foo", { writable : false });
o.foo = 'world';
console.log(o.foo);//依然输出bar
可罗列性(enumerable) 示意对象属性是不是可罗列
比方
Array中的length等属性的 enumerable是false,所以,
for (p in Array) {
console.log(p);
}
什么也不输出
可设置性(configurable) 示意能否修正属性的可设置性和可罗列性
能够用Object.defineProperties来定义这些设置属性。
Object.defineProperty(o, "foo", { writable : false });
Get 示意猎取对象属性的要领
Set 示意设置对象属性的要领
示例
var book = {
_year: 2004,
edition: 1
};
Object.defineProperty(book, "year", {
get: function () {
console.log('get year');
return this._year;
},
set: function (newValue) {
console.log('set year');
if (newValue > 2004) {
this._year = newValue;
this.edition += newValue - 2004;
}
}
});
book.year = 2005;//控制台输出‘set year’
console.log(book.year);//控制台输出‘get year’和year的值
对象要领
toString
将对象转换成字符串,默许的转换会是[object Object]之类的东西,所以须要转成json花样的话能够用JSON.stringify
valueOf
须要将对象转换成其他范例的时刻要用到。一样的,默许转换没什么值得说的。
可执行对象
经由过程以下要领能够建立一个可执行对象
function bar(o) {
var f = function() { return "Hello World!"; }
o.__proto__ = f.__proto__;
f.__proto__ = o;
return f;
}
var o = { x: 5 };
var foo = bar(o);
console.log(foo());
console.log(foo.x);
console.log(typeof foo);//function
既能够看成对象来运用(有原型链),也能够看成函数来直接挪用