博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
javascript对象
阅读量:6713 次
发布时间:2019-06-25

本文共 5275 字,大约阅读时间需要 17 分钟。

定义一个对象

能够使用对象直接量

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 // 123delete 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', undefinedo.foo = 2; // update, 'foo', 1delete 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)// trueObject.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 // helloo.t = "hello";o.t // undefined

Object.isFrozen

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


參考


转载于:https://www.cnblogs.com/gavanwanggw/p/7121539.html

你可能感兴趣的文章
甲骨文拒绝SAP 2.72亿美元赔偿要求重审
查看>>
Springmvc中@ResponseBody和@RequestBody的使用
查看>>
H3C设备之 NAT SERVER
查看>>
FLEX3中应用CSS完全详解手册
查看>>
Windows7添加usb3.0驱动
查看>>
模式——工程化实现及扩展(设计模式Java 版)
查看>>
如何干净的清除Slave同步信息
查看>>
Oracle动态采样学习
查看>>
借助开源工具高效完成Java应用的运行分析
查看>>
Transparent Huge Pages相关概念
查看>>
浅谈RAID和LVM
查看>>
初中高级LINUX运维所需具备技能
查看>>
从开发到测试
查看>>
ajax轮询
查看>>
ubuntu: System program problem detected 问题
查看>>
产品优化利器
查看>>
js,query 选择radio+选中select+checkbox选中
查看>>
FreeBSD小技巧
查看>>
kolla简介
查看>>
php入门教程: php中字符的使用和操作
查看>>