JavaScript中的Object对象学习教程
参数:
(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“,所以不用担心~
上一篇: 如何解决公司网站首页被恶意跳转的安全问题
下一篇: 常用的javascript设计模式