JavaScript中的Object对象学习教程_

1、JavaScript中的Object对象学习教程_ 这篇文章主要介绍了JavaScript中的Object对象学习教程,是JavaScript入门学习中的基础学问,需要的伴侣可以参考下 参数： （1）obj 必需。Object 对象安排到的变量名称。 （2）值 可选。任一 JavaScript 基元数据类型（数字、布尔值或字符串）。 假如值是一个对象，则返回的对象是未修改的。 假如值是 null、“未定义”或“未供应”，则创建无内容的对象。 Object对象的方法 Object作为构造函数用法时，可以接受一个参数。假如该参数是一个对象，则挺直返回这个对象；假如是一个原始类型的值，则返回该值对应

2、的包装对象。利用这一点，可以写一个推断变量是否为对象的函数。 function isObject(value) return value = Object(value); 要在Object对象上面部署一个方法，有两种做法。 部署在Object对象本身 部署在Ototype对象 Object.keys方法和Object.getOwnPropertyNames方法很相像，一般用来遍历对象的属性。它们的参数都是一个对象，都返回一个数组，该数组的成员都是对象自身的（而不是继承的）全部属性名。两者区分在于，前者只返回可枚举的属性，后者还返回不行枚举的属性名。由于数组存在不行枚举属性le

3、ngth，因此一般用法Object.keys遍历数组。 JavaScript没有供应计算对象属性个数的方法，可通过 Object.keys(o).length 和 Object.getOwnPropertyNames(o).length 猎取。 Object.observe方法用于观看对象属性的改变。 原型链相关方法： Object.create()：生成一个新对象，并该对象的原型。 Object.getPrototypeOf()：猎取对象的Prototype对象。 Object实例对象的方法 Ototype.valueOf()：valueOf方法的作用是返回一个对象的值，默

4、认状况下返回对象本身。该方法的主要用途是，JavaScript自动类型转换时会默认调用这个方法。 Ototype.toString()：toString方法的作用是返回一个对象的字符串形式。当对象用于字符串加法时，会自动调用toString方法。 用法call方法，可以在任意值上调用Ototype.toString方法，从而推断这个值的类型。不同数据类型的toString方法返回值如下： 数值：返回object Number 字符串：返回object String 布尔值：返回object Boolean undefined：返回object Undefin

5、ed null：返回object Null 对象：返回”object “ + 构造函数的名称 + “” Ototype.toString.call(2) / object Number Ototype.toString.call() / object String 利用这个特性，可写出一个比typeof运算符更精准的类型推断函数。 var type = function (o) var s = Ototype.toString.call(o); return s.match(/object (.*?)/)1.toLowerCase(); ;

6、 type(); / object type(); / array type(5); / number 在上面这个type函数的基础上，还可以加上特地推断某种类型数据的方法。 Null, Undefined, Object, Array, String, Number, Boolean, Function, RegExp, Element, NaN, Infinite .forEach(function (t) typeis + t = function (o) return type(o) = t.toLowerCase(); ; ); type.isObject(); / true typ

7、e.isNumber(NaN); / false type.isElement(document.createElement(div); / true 对象的属性模型 在JavaScript内部，每个属性都有一个对应的attributes对象，保存该属性的一些元信息。用法Object.getOwnPropertyDescriptor方法，可读取o对象的p属性的attributes对象。attributes对象包含如下元信息： value：表示该属性的值，默认为undefined（只要writable和configurable有一个为true，就可以改动）。 writable：表示该属性的值（v

8、alue）是否可以转变，默认为true。 enumerable： 表示该属性是否可枚举，默认为true，也就是该属性会消失在forin和Object.keys()等操作中。一般来说，系统原生的属性（即非用户自定义的属性）都是不行枚举的。 表示“可配置性”，默认为true。假如设为false，表示无法删除该属性，也不得转变attributes对象（value属性除外，假如writable为true，仍可转变value），也就是configurable属性掌握了attributes对象的可写性。 表示该属性的取值函数（getter），默认为undefined。 表示该属性的存值函数（setter）

9、，默认为undefined。 var o = p: a ; Object.getOwnPropertyDescriptor(o, p); / Object / value: a, / writable: true, / enumerable: true, / configurable: true / Object.defineProperty方法允许通过定义attributes对象，来定义或修改一个属性，然后返回修改后的对象。格式如下： Object.defineProperty(object, propertyName, attributesObject) Object.defineProp

10、erty方法接受三个参数，第一个是属性所在的对象，其次个是属性名（它应当是一个字符串），第三个是属性的描述对象。通过此方法定义属性，属性对象的writable、configurable、enumerable三个属性的默认值都为false。 Object.defineProperty(o, p, value: bar ); Object.getOwnPropertyDescriptor(o, p); / Object / value: bar, / writable: false, / enumerable: false, / configurable: false / 假如一次性定义或修改多个

11、属性，可以用法Object.defineProperties方法。需要留意的是，一旦定义了取值函数get（或存值函数set），就不能将writable设为true，或者同时定义value属性，否则会报错。 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 ); enumera

12、ble可以用来设置“隐秘”属性，假如一个属性的enumerable为false，则 for.in 循环、Object.keys 方法和 JSON.stringify 方法都不会取到该属性，但可以通过 o.xx 挺直猎取它的值。 forin循环和Object.keys方法的区分在于，前者包括对象继承自原型对象的属性，而后者只包括对象本身的属性。假如需要猎取对象自身的全部属性，不管enumerable的值，可以用法Object.getOwnPropertyNames方法。 可配置性决定了一个变量是否可以被删除（delete）。当用法var指令声明变量时，变量的configurable为false，

13、而不用法var指令声明变量时（或者用法属性赋值的方式声明变量），变量的可配置性为true。这说明，delete只能删除对象的属性。 var a1 = 1; / configurable: false a2 = 1; / configurable: true（等价于this.a2 = 1） 除了挺直定义以外，属性还可以用存取函数（accessor）定义。其中，存值函数称为setter，用法set指令；取值函数称为getter，用法get指令。利用存取函数，可以实现数据对象与DOM对象的双向绑定。 Object.defineProperty(user, name, get: function ()

14、 return document.getElementById(foo).value , set: function (newValue) document.getElementById(foo).value = newValue; , configurable: true ); 掌握对象状态 JavaScript供应了三种方法，精确掌握一个对象的读写状态，防止对象被转变。最弱一层的爱护是preventExtensions，其次是seal，最强的freeze。 Object.preventExtensions方法可以使得一个对象无法再添加新的属性，但可以用delete指令删除它的现有属性。Ob

15、ject.isExtensible方法可以用来检查是否可以为一个对象添加属性。 Object.seal方法使得一个对象既无法添加新属性，也无法删除旧属性。Object.seal还把现有属性的attributes对象的configurable属性设为false，使得attributes对象不再能转变。Object.isSealed方法用于检查一个对象是否用法了Object.seal方法。 Object.freeze方法可以使得一个对象无法添加新属性、无法删除旧属性、也无法转变属性的值，使得这个对象事实上变成了常量。Object.isFrozen方法用于检查一个对象是否用法了Object.free

16、ze()方法。 用法上面这些方法锁定对象的可写性，但是依旧可以通过转变该对象的原型对象，来为它增加属性。 var o = new Object(); Object.preventExtensions(o); var proto = Object.getPrototypeOf(o); proto.t = hello; o.t / hello 一种解决方案是，把原型也冻结住。 var o = Object.seal( Object.create(Object.freeze(x:1), y: value: 2, writable: true) ); Object.getPrototypeOf(o).t = hello; o.t / undefined PS： Object 对象包含在全部其他 JavaScr