这篇文章主要介绍了 JavaScript 中的 Object 对象学习教程, 是 JavaScript 入门学习中的基础知识, 需要的朋友可以参考下
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
参数:
(1)obj
必需。Object 对象分配到的变量名称。
(2)值
可选。任一 JavaScript 基元数据类型(数字、布尔值或字符串)。 如果值是一个对象,则返回的对象是未修改的。 如果值是 null、"未定义" 或 "未提供",则创建无内容的对象。
Object 对象的方法
Object 作为构造函数使用时,可以接受一个参数。如果该参数是一个对象,则直接返回这个对象;如果是一个原始类型的值,则返回该值对应的包装对象。利用这一点,可以写一个判断变量是否为对象的函数。
- function isObject(value) {
- return value === Object(value);
- }
要在 Object 对象上面部署一个方法,有两种做法。
部署在 Object 对象本身
部署在 Object.prototype 对象
Object.keys 方法和 Object.getOwnPropertyNames 方法很相似,一般用来遍历对象的属性。它们的参数都是一个对象,都返回一个数组,该数组的成员都是对象自身的(而不是继承的)所有属性名。两者区别在于,前者只返回可枚举的属性,后者还返回不可枚举的属性名。由于数组存在不可枚举属性 length,因此一般使用 Object.keys 遍历数组。
JavaScript 没有提供计算对象属性个数的方法,可通过 Object.keys(o).length 和 Object.getOwnPropertyNames(o).length 获取。
Object.observe 方法用于观察对象属性的变化。
原型链相关方法:
Object.create():生成一个新对象,并该对象的原型。
Object.getPrototypeOf():获取对象的 Prototype 对象。
Object 实例对象的方法
Object.prototype.valueOf():valueOf 方法的作用是返回一个对象的值,默认情况下返回对象本身。该方法的主要用途是,JavaScript 自动类型转换时会默认调用这个方法。
Object.prototype.toString():toString 方法的作用是返回一个对象的字符串形式。当对象用于字符串加法时,会自动调用 toString 方法。
使用 call 方法,可以在任意值上调用 Object.prototype.toString 方法,从而判断这个值的类型。不同数据类型的 toString 方法返回值如下:
数值:返回 [object Number]
字符串:返回 [object String]
布尔值:返回 [object Boolean]
undefined:返回 [object Undefined]
null:返回 [object Null]
对象:返回 "[object" + 构造函数的名称 + "]"
- Object.prototype.toString.call(2) // "[object Number]"
- Object.prototype.toString.call('') // "[object String]"
利用这个特性,可写出一个比 typeof 运算符更准确的类型判断函数。
- var type = function (o){
- var s = Object.prototype.toString.call(o);
- return s.match(/\[object (.*?)\]/)[1].toLowerCase();
- };
- type({}); // "object"
- type([]); // "array"
- type(5); // "number"
在上面这个 type 函数的基础上,还可以加上专门判断某种类型数据的方法。
- ['Null', 'Undefined', 'Object', 'Array', 'String', 'Number',
- 'Boolean', 'Function', 'RegExp', 'Element', 'NaN', 'Infinite'
- ].forEach(function (t) {
- type['is' + t] = function (o) {
- return type(o) === t.toLowerCase();
- };
- });
- type.isObject({}); // true
- type.isNumber(NaN); // false
- type.isElement(document.createElement('div')); // true
对象的属性模型
在 JavaScript 内部,每个属性都有一个对应的 attributes 对象,保存该属性的一些元信息。使用 Object.getOwnPropertyDescriptor 方法,可读取 o 对象的 p 属性的 attributes 对象。attributes 对象包含如下元信息:
value:表示该属性的值,默认为 undefined(只要 writable 和 configurable 有一个为 true,就可以改动)。
writable:表示该属性的值(value)是否可以改变,默认为 true。
enumerable: 表示该属性是否可枚举,默认为 true,也就是该属性会出现在 for…in 和 Object.keys() 等操作中。一般来说,系统原生的属性(即非用户自定义的属性)都是不可枚举的。
表示 "可配置性",默认为 true。如果设为 false,表示无法删除该属性,也不得改变 attributes 对象(value 属性除外,如果 writable 为 true,仍可改变 value),也就是 configurable 属性控制了 attributes 对象的可写性。
表示该属性的取值函数(getter),默认为 undefined。
表示该属性的存值函数(setter),默认为 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.defineProperty 方法接受三个参数,第一个是属性所在的对象,第二个是属性名(它应该是一个字符串),第三个是属性的描述对象。通过此方法定义属性,属性对象的 writable、configurable、enumerable 三个属性的默认值都为 false。
- Object.defineProperty(o, "p", {
- value: "bar"
- });
- Object.getOwnPropertyDescriptor(o, 'p');
- // Object {
- // value: "bar",
- // writable: false,
- // enumerable: false,
- // configurable: false
- // }
如果一次性定义或修改多个属性,可以使用 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
- }
- });
enumerable 可以用来设置 "秘密" 属性,如果一个属性的 enumerable 为 false,则 for..in 循环、Object.keys 方法和 JSON.stringify 方法都不会取到该属性,但可以通过 o.xx 直接获取它的值。
for…in 循环和 Object.keys 方法的区别在于,前者包括对象继承自原型对象的属性,而后者只包括对象本身的属性。如果需要获取对象自身的所有属性,不管 enumerable 的值,可以使用 Object.getOwnPropertyNames 方法。
可配置性决定了一个变量是否可以被删除(delete)。当使用 var 命令声明变量时,变量的 configurable 为 false,而不使用 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 () {
- return document.getElementById("foo").value
- },
- set: function (newValue) {
- document.getElementById("foo").value = newValue;
- },
- configurable: true
- });
控制对象状态
JavaScript 提供了三种方法,精确控制一个对象的读写状态,防止对象被改变。最弱一层的保护是 preventExtensions,其次是 seal,最强的 freeze。
Object.preventExtensions 方法可以使得一个对象无法再添加新的属性,但可以用 delete 命令删除它的现有属性。Object.isExtensible 方法可以用来检查是否可以为一个对象添加属性。
Object.seal 方法使得一个对象既无法添加新属性,也无法删除旧属性。Object.seal 还把现有属性的 attributes 对象的 configurable 属性设为 false,使得 attributes 对象不再能改变。Object.isSealed 方法用于检查一个对象是否使用了 Object.seal 方法。
Object.freeze 方法可以使得一个对象无法添加新属性、无法删除旧属性、也无法改变属性的值,使得这个对象实际上变成了常量。Object.isFrozen 方法用于检查一个对象是否使用了 Object.freeze() 方法。
使用上面这些方法锁定对象的可写性,但是依然可以通过改变该对象的原型对象,来为它增加属性。
- 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 对象包含在所有其他 JavaScript 对象中;它的所有方法和属性均可用于所有其他对象。 方法可在用户定义的对象中进行重新定义,并由 JavaScript 在适当时间调用。 toString 方法是频繁重新定义的 Object 方法的一个示例。
在此语言参考中,每个 Object 方法的说明均包括内部 JavaScript 对象的默认和对象特定的实现信息。
IE 兼容方面,微软 MSDN 文档的话是 "已在 Internet Explorer 6 之前的 Internet Explorer 中引入 Object Object",所以不用担心~
来源: http://www.phperz.com/article/17/0227/265593.html