原生javascript对象的方法

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了原生javascript对象的方法相关的知识,希望对你有一定的参考价值。

create

Object.create() 方法创建一个拥有指定原型和若干个指定属性的对象。

Object.create(proto [, propertiesObject ])
  • proto 为新创建对象的原型对象,设置为null可创建没有原型的空对象。
  • propertiesObject 包涵若干个属性的描述符和defineProperties的第二个参数一样。

    Object.create(Object.prototype, { a: { value: 1, writable: true, configurable: true } });

创建一个继承自Object.prototype的对象,有一个属性a,其可写,可配置,不可枚举,值为1。

defineProperty

Object.defineProperty() 方法直接在一个对象上定义一个新属性,或者修改一个已经存在的属性, 并返回这个对象。

Object.defineProperty(obj, prop, descriptor)

descriptor 可包含4个属性,如下:

  • configurable 当且仅当这个属性描述符值为 true 时,该属性可能会改变,也可能会被从相应的对象删除。默认为 false。
  • enumerable true 当且仅当该属性出现在相应的对象枚举属性中。默认为 false。
  • value 属性的值
  • writable 定义属性值是否可写。
  • get 一个给属性提供 getter 的方法,如果没有 getter 则为 undefined。方法将返回用作属性的值。默认为 undefined。
  • set 同get一起使用,功能互补。

其中value和writable一组,get和set一组,不可同时出现。

// 显式
Object.defineProperty(obj, "key", {
	enumerable: false,
	configurable: false,
	writable: false,
	value: "static"
});

上面给obj对象定义了一个属性key,其不可枚举,不可配置,只读,值为static。

defineProperties

Object.defineProperties() 方法在一个对象上添加或修改一个或者多个自有属性,并返回该对象。

Object.defineProperties(obj, props)

getPrototypeOf

Object.getPrototypeOf() 方法返回指定对象的原型(也就是该对象内部属性[[Prototype]]的值)。

Object.getPrototypeOf(object)

可以用来获取对象的原型。

Object.getPrototypeOf({}) === Object.prototype
// > true

在es5之前,要达到上面同样的方法,只能使用 constructor。

getOwnPropertyDescriptor

Object.getOwnPropertyDescriptor() 返回指定对象上一个自有属性对应的属性描述符。(自有属性指的是直接赋予该对象的属性,不需要从原型链上进行查找的属性)

Object.getOwnPropertyDescriptor(obj, prop)

可用来获取或查看对象属性的特性。

var obj = {a: 1};
Object.getOwnPropertyDescriptor(obj, ‘a‘);
// > Object {value: 1, writable: true, enumerable: true, configurable: true}
({}).constructor.prototype === Object.prototype
// > true

keys

Object.keys() 方法会返回一个由给定对象的所有可枚举自身属性的属性名组成的数组,数组中属性名的排列顺序和使用for-in循环遍历该对象时返回的顺序一致(两者的主要区别是 for-in 还会遍历出一个对象从其原型链上继承到的可枚举属性)。

Object.keys(obj)

典型的用法如下:

var obj = {a: 1, b: 2};
console.log(Object.keys(obj));
// > ["a", "b"]

keys可以用来代替原来的for in循环,借助es5新增的数组方法,可提升代码可读性。

Object.keys(obj).forEach(function (val) {console.log(val)});
 

getOwnPropertyNames

Object.getOwnPropertyNames()方法返回一个由指定对象的所有自身属性的属性名(包括不可枚举属性)组成的数组。

Object.getOwnPropertyNames(obj)

其和Object.keys的区别就是能够获取自身的全部属性,包括不可枚举属性。

preventExtensions

Object.preventExtensions() 方法让一个对象变的不可扩展,也就是永远不能再添加新的属性。

Object.preventExtensions(obj)

需要注意的是不可扩展的对象的属性通常仍然可以被删除。

尝试给一个不可扩展对象添加新属性的操作将会失败,在非严格模式下是静默的,在严格模式下会抛出TypeError异常。

Object.preventExtensions 只能阻止一个对象不能再添加新的自身属性,仍然可以为该对象的原型添加属性。

在 ECMAScript 5 中可扩展的对象可以变得不可扩展,但反过来不行。

isExtensible

Object.isExtensible() 方法判断一个对象是否是可扩展的(是否可以在它上面添加新的属性)。

seal

Object.seal() 方法可以让一个对象密封,并返回被密封后的对象。密封对象是指那些不能添加新的属性,不能删除已有属性,以及不能修改已有属性的可枚举性、可配置性、可写性,但可能可以修改已有属性的值的对象。

Object.seal(obj)

密封一个对象会让这个对象变的变为不可扩展的,且所有已有属性会变的不可配置。属性不可配置的效果就是属性变的不可删除,以及一个数据属性不能被重新定义成为访问器属性,或者反之。但属性的值仍然可以修改。

尝试删除一个密封对象的属性或者将某个密封对象的属性从数据属性转换成访问器属性,结果会静默失败或抛出TypeError异常(严格模式)。

isSealed

Object.isSealed() 方法判断一个对象是否是密封的(sealed)。

freeze

Object.freeze() 方法可以冻结一个对象。冻结对象是指那些不能添加新的属性,不能修改已有属性的值,不能删除已有属性,以及不能修改已有属性的可枚举性、可配置性、可写性的对象。也就是说,这个对象永远是不可变的。该方法返回被冻结的对象。

Object.freeze(obj)

冻结对象是不可扩展的,密封的,同时期值属性的writable会被设置为false,set也将失效,总之会变为不可更改。任何尝试修改该对象的操作都会失败,可能是静默失败,也可能会抛出异常(严格模式)。

isFrozen

Object.isFrozen() 方法判断一个对象是否被冻结(frozen)。

 

assign

Object.assign() 方法可以把任意多个的源对象自身的可枚举属性拷贝给目标对象,然后返回目标对象。

Object.assign(target, ...sources)

getOwnPropertySymbols

Object.getOwnPropertySymbols() 方法会返回一个数组,该数组包含了指定对象自身的(非继承的)所有 symbol 属性键。

 

is

Object.is() 方法用来判断两个值是否是同一个值。

Object.is与严格比较运算符(===)的行为基本一致,不同之处只有两个:一是+0不等于-0,二是NaN等于自身。

setPrototypeOf

将一个指定的对象的原型设置为另一个对象或者null(既对象的[[Prototype]]内部属性)。

Object.setPrototypeOf(obj, prototype)

Object.prototype

Object.prototype上的方法,都是实例方法,必须在对象实例上调用。

  • hasOwnProperty
  • isPrototypeOf⑤
  • propertyIsEnumerable⑤
  • __proto__ ⑥

hasOwnProperty

hasOwnProperty() 方法用来判断某个对象是否含有指定的自身属性。

obj.hasOwnProperty(prop)

在没有Object.keys之前,借助hasOwnProperty,可以让for in 达到类似的效果,代码如下:

for(var key in obj) {
	if (obj.hasOwnProperty(key)) {
		//过滤掉原型上的方法
	}	
}

isPrototypeOf

isPrototypeOf() 方法测试一个对象是否存在于另一个对象的原型链上。

prototype.isPrototypeOf(object)

propertyIsEnumerable

propertyIsEnumerable() 方法返回一个布尔值,表明指定的属性名是否是当前对象可枚举的自身属性。

obj.propertyIsEnumerable(prop)

从原型链上继承的属性,所以该方法会返回false。

如果对象没有指定的属性,该方法返回 false。

__proto__

一个对象的__proto__ 属性和自己的内部属性[[Prototype]]指向一个相同的值 (通常称这个值为原型),原型的值可以是一个对象值也可以是null(比如说Object.prototype.__proto__的值就是null).该属性可能会引发一些错误,因为用户可能会不知道该属性的特殊性,而给它赋值,从而改变了这个对象的原型。 如果需要访问一个对象的原型,应该使用方法Object.getPrototypeOf。 __proto__ 属性已经被添加在了ES6草案 §B.3.1中。

 


以上是关于原生javascript对象的方法的主要内容,如果未能解决你的问题,请参考以下文章

VSCode自定义代码片段12——JavaScript的Promise对象

JavaScript实用功能代码片段

原生javascript对象的方法

JavaScript原生对象属性和方法详解——Array对象

JavaScript之面向对象学习五(JS原生引用类型ArrayObjectString等等)的原型对象介绍

javascript:Object对象