javascript对象

青春壹個敷衍的年華 提交于 2020-04-04 21:52:20

定义一个对象

能够使用对象直接量

var o = {name: 'hello'};

键名加不加引號都能够,可是假设键名不是合法标识符。就必须加引號。

对象的属性之间用逗号分隔,ECMAScript 5规定最后一个属性后面能够加逗号(trailing comma)。也能够不加。可是,ECMAScript 3不同意加入逗号。所以假设要兼容老式浏览器(比方IE 8)。那就不能加这个逗号。

JavaScript原生提供一个Object对象(注意起首的O是大写),全部其它对象都继承自这个对象。Object本身也是一个构造函数。能够直接通过它来生成新对象。

var o = new Object(); // {}

Object作为构造函数使用时,能够接受一个參数。假设该參数是一个对象。则直接返回这个对象。假设是一个原始类型的值,则返回该值相应的包装对象。

也能够使用Object.create()

var o3 = Object.create(null);

读写属性

假设使用方括号运算符,键名必须放在引號里面。否则会被当作变量处理。可是,数字键能够不加引號,由于会被当作字符串处理。

方括号运算符内部能够使用表达式,点号不行

o['hello' + ' world']
o[3+3]

使用in运算符检查属性是否声明

查看一个对象本身的全部属性,能够使用Object.keys方法

var o = {
  key1: 1,
  key2: 2
};

Object.keys(o);
// ["key1", "key2"]

删除一个属性。须要使用delete命令

一旦使用delete命令删除某个属性。再读取该属性就会返回undefined,并且Object.keys方法返回的该对象的全部属性中。也将不再包括该属性

假设删除一个不存在的属性,delete不报错,并且返回true

仅仅有一种情况,delete命令会返回false。那就是该属性存在。且不得删除

var o = Object.defineProperty({}, "p", {
        value: 123,
        configurable: false
});

o.p // 123
delete o.p // false

能够用in运算符推断。一个全局变量是否存在

// 假设变量x没有定义

// 写法一:报错
if (x){ return 1; }

// 写法二:不对
if (window.x){ return 1; }

// 写法三:正确
if ('x' in window) { return 1; }

上面三种写法之中,假设x不存在。第一种写法会报错;假设x的值相应布尔值false(比方x等于空字符串)。另外一种写法无法得到正确结果;仅仅有第三种写法,才干正确推断变量x是否存在。

in对继承的属性也返回true


Object对象的方法

Object

Object本身当作工具方法使用时,能够将随意值转为对象。当中。原始类型的值转为相应的包装对象

Object.keys(),Object.getOwnPropertyNames()

Object.keys方法和Object.getOwnPropertyNames方法非常类似。一般用来遍历对象的属性。它们的參数都是一个对象,都返回一个数组。该数组的成员都是对象自身的(而不是继承的)全部属性名。

它们的差别在于,Object.keys方法仅仅返回可枚举的属性(关于可枚举性的详解见后文)。Object.getOwnPropertyNames方法还返回不可枚举的属性名。

Object.observe()

Object.observe方法用于观察对象属性的变化

var o = {};

Object.observe(o, function(changes) {
  changes.forEach(function(change) {
    console.log(change.type, change.name, change.oldValue);
  });
});

o.foo = 1; // add, 'foo', undefined
o.foo = 2; // update, 'foo', 1
delete o.foo; // delete, 'foo', 2

其它

(1)对象属性模型的相关方法

Object.getOwnPropertyDescriptor():获取某个属性的attributes对象。
Object.defineProperty():通过attributes对象。定义某个属性。
Object.defineProperties():通过attributes对象,定义多个属性。
Object.getOwnPropertyNames():返回直接定义在某个对象上面的全部属性的名称。

(2)控制对象状态的方法

Object.preventExtensions():防止对象扩展。
Object.isExtensible():推断对象是否可扩展。
Object.seal():禁止对象配置。
Object.isSealed():推断一个对象是否可配置。
Object.freeze():冻结一个对象。
Object.isFrozen():推断一个对象是否被冻结。

(3)原型链相关方法

Object.create():生成一个新对象,并该对象的原型。
Object.getPrototypeOf():获取对象的Prototype对象。

Object实例对象的方法

除了Object对象本身的方法,还有不少方法是部署在Object.prototype对象上的,全部Object的实例对象都继承了这些方法。

Object实例对象的方法,主要有下面六个

valueOf():返回当前对象相应的值。

toString():返回当前对象相应的字符串形式。

toLocalString():返回当前对象相应的本地字符串形式。

hasOwnProperty():推断某个属性是否为当前对象自身的属性,还是继承自原型对象的属性。

isPrototypeOf():推断当前对象是否为还有一个对象的原型。

propertyIsEnumerable():推断某个属性是否可枚举。

对象的属性模型

属性的attributes对象。Object.getOwnPropertyDescriptor()

在JavaScript内部,每一个属性都有一个相应的attributes对象,保存该属性的一些元信息。

使用Object.getOwnPropertyDescriptor方法,能够读取attributes对象。

var o = { p: 'a' };

Object.getOwnPropertyDescriptor(o, 'p') 
// Object { value: "a", 
//         writable: true, 
//         enumerable: true, 
//         configurable: true
// }

attributes对象包括例如以下元信息

value:表示该属性的值,默觉得undefined。

writable:表示该属性的值(value)能否够改变。默觉得true。

enumerable: 表示该属性是否可枚举,默觉得true。也就是该属性会出如今for...in和Object.keys()等操作中。

configurable:表示“可配置性”,默觉得true。假设设为false,表示无法删除该属性,也不得改变attributes对象(value属性除外)。也就是configurable属性控制了attributes对象的可写性。

get:表示该属性的取值函数(getter)。默觉得undefined。

set:表示该属性的存值函数(setter),默觉得undefined。

Object.defineProperty(),Object.defineProperties()

Object.defineProperty方法同意通过定义attributes对象。来定义或改动一个属性,然后返回改动后的对象。它的格式例如以下:

Object.defineProperty(object, propertyName, attributesObject)

var o = Object.defineProperty({}, "p", {
        value: 123,
        writable: false,
        enumerable: true,
        configurable: false
});

假设一次性定义或改动多个属性,能够使用Object.defineProperties方法

var o = Object.defineProperties({}, {
        p1: { value: 123, enumerable: true },
        p2: { value: "abc", enumerable: true },
        p3: { get: function() { return this.p1+this.p2 },
              enumerable:true,
              configurable:true
        }
});

上面代码中的p3属性,定义了取值函数get。

这时须要注意的是,一旦定义了取值函数get(或存值函数set),就不能将writable设为true,或者同一时候定义value属性。否则会报错。


控制对象状态

JavaScript提供了三种方法,精确控制一个对象的读写状态,防止对象被改变。最弱一层的保护是preventExtensions。其次是seal,最强的freeze。

Object.preventExtensions

Object.preventExtensions方法能够使得一个对象无法再加入新的属性

var o = new Object();

Object.preventExtensions(o);

Object.defineProperty(o, "p", { value: "hello" });
// TypeError: Cannot define property:p, object is not extensible.

o.p = 1;
o.p // undefined

能够用delete命令删除它的现有属性

Object.isExtensible

Object.isExtensible方法用于检查一个对象是否使用了preventExtensions方法。

也就是说,该方法能够用来检查能否够为一个对象加入属性

var o = new Object();

Object.isExtensible(o)
// true

Object.preventExtensions(o);
Object.isExtensible(o)
// false

Object.seal

Object.seal方法使得一个对象既无法加入新属性,也无法删除旧属性

var o = { p:"hello" };

Object.seal(o);

delete o.p;
o.p // "hello"

o.x = 'world';
o.x // undefined

Object.seal还把现有属性的attributes对象的configurable属性设为false,使得attributes对象不再能改变

可写性(writable)有点特别。假设writable为false。使用Object.seal方法以后。将无法将其变成true。可是,假设writable为true,依旧能够将其变成false

至于属性对象的value是否可改变,是由writable决定的

Object.isSealed

Object.isSealed方法用于检查一个对象是否使用了Object.seal方法

Object.freeze

Object.freeze方法能够使得一个对象无法加入新属性、无法删除旧属性、也无法改变属性的值,使得这个对象实际上变成了常量

var o = {p:"hello"};

Object.freeze(o);

o.p = "world";
o.p // hello

o.t = "hello";
o.t // undefined

Object.isFrozen

Object.isFrozen方法用于检查一个对象是否使用了Object.freeze()方法


參考

http://javascript.ruanyifeng.com/grammar/object.html
http://javascript.ruanyifeng.com/stdlib/object.html


标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!