Object 对象

一、Object 对象

JavaScript 的所有其他对象都继承自Object对象,即那些对象都是Object的实例。

Object对象的原生方法分成两类:Object本身的方法与Object的实例方法。

(1)Object对象本身的方法

所谓“本身的方法”就是直接定义在Object对象的方法。
(2)Object的实例方法

所谓实例方法就是定义在Object原型对象Object.prototype上的方法。它可以被Object实例直接使用。

1.1 、Object 对象

Object本身是一个函数,可以当作工具方法使用,将任意值转为对象。
如果参数为空(或者为undefined和null),Object()返回一个空对象。

instanceof运算符用来验证,一个对象是否为指定的构造函数的实例。obj instanceof Object返回true,就表示obj对象是Object的实例。

如果参数是原始类型的值,Object方法将其转为对应的包装对象的实例

如果Object方法的参数是一个对象/数组,它总是返回该对象,即不用转换。

可以写一个判断变量是否为对象的函数

function isObject(value) {
  return value === Object(value);
}

isObject([]) // true
isObject(true) // false

1.2 、Object 构造函数

生成新对象。

可以接受一个参数,如果该参数是一个对象,则直接返回这个对象;如果是一个原始类型的值,则返回该值对应的包装对象

Object(value)表示将value转成一个对象,new Object(value)则表示新生成一个对象,它的值是value。

1.3 、Object 的静态方法

Object.keys方法和Object.getOwnPropertyNames方法都用来遍历对象的属性。
Object.keys方法的参数是一个对象,返回一个数组。该数组的成员都是该对象自身的(而不是继承的)所有属性名。

Object.keys方法只返回可枚举的属性,Object.getOwnPropertyNames方法还返回不可枚举的属性名。

var a = ['Hello', 'World'];

Object.keys(a) // ["0", "1"]
Object.keys(a).length // 2
Object.getOwnPropertyNames(a) // ["0", "1", "length"]

计算对象属性个数

其他方法
(1)对象属性模型的相关方法

Object.getOwnPropertyDescriptor():获取某个属性的描述对象。
Object.defineProperty():通过描述对象,定义某个属性。
Object.defineProperties():通过描述对象,定义多个属性。
(2)控制对象状态的方法

Object.preventExtensions():防止对象扩展。
Object.isExtensible():判断对象是否可扩展。
Object.seal():禁止对象配置。
Object.isSealed():判断一个对象是否可配置。
Object.freeze():冻结一个对象。
Object.isFrozen():判断一个对象是否被冻结。
(3)原型链相关方法

Object.create():该方法可以指定原型对象和属性,返回一个新的对象。
Object.getPrototypeOf():获取对象的Prototype对象。

1.4 、Object 的实例方法

Object.prototype.valueOf():返回当前对象对应的值。
Object.prototype.toString():返回当前对象对应的字符串形式。
Object.prototype.toLocaleString():返回当前对象对应的本地字符串形式。
Object.prototype.hasOwnProperty():判断某个属性是否为当前对象自身的属性,还是继承自原型对象的属性。
Object.prototype.isPrototypeOf():判断当前对象是否为另一个对象的原型。
Object.prototype.propertyIsEnumerable():判断某个属性是否可枚举。

valueOf方法的作用是返回一个对象的“值”,默认情况下返回对象本身。

toString方法的作用是返回一个对象的字符串形式,默认情况下返回类型字符串
通过自定义toString方法,可以让对象在自动类型转换时,得到想要的字符串形式

toString() 的应用:判断数据类型

var obj = {};
obj.toString() // "[object Object]"

中第二个Object表示该值的构造函数
通过函数的call方法,可以在任意值上调用这个方法,帮助我们判断这个值的类型
Object.prototype.toString.call(value)
不同数据类型的Object.prototype.toString方法返回值如下。

数值:返回[object Number]。
字符串:返回[object String]。
布尔值:返回[object Boolean]。
undefined:返回[object Undefined]。
null:返回[object Null]。
数组:返回[object Array]。
arguments 对象:返回[object Arguments]。
函数:返回[object Function]。
Error 对象:返回[object Error]。
Date 对象:返回[object Date]。
RegExp 对象:返回[object RegExp]。
其他对象:返回[object Object]。

Object.prototype.toLocaleString()
返回一个值的字符串形式。

主要有三个对象自定义了toLocaleString方法。

Array.prototype.toLocaleString()
Number.prototype.toLocaleString()
Date.prototype.toLocaleString()
留出一个接口,让各种不同的对象实现自己版本的toLocaleString,用来返回针对某些地域的特定的值。

Object.prototype.hasOwnProperty()
接受一个字符串作为参数,返回一个布尔值,表示该实例对象自身是否具有该属性。

2、属性描述对象

attributes object)用来描述对象的属性,控制它的行为,比如该属性是否可写、可遍历等等

{
  value: 123,
  writable: false,
  enumerable: true,
  configurable: false,
  get: undefined,
  set: undefined
}

6个元属性
(1)value

value是该属性的属性值,默认为undefined。

(2)writable

writable是一个布尔值,表示属性值(value)是否可改变(即是否可写),默认为true。

(3)enumerable

enumerable是一个布尔值,表示该属性是否可遍历,默认为true。如果设为false,会使得某些操作(比如for…in循环、Object.keys()、JSON.stringify方法)跳过该属性。

注意,for…in循环包括继承的属性,Object.keys方法不包括继承的属性。如果需要获取对象自身的所有属性,不管是否可遍历,可以使用Object.getOwnPropertyNames方法。

(4)configurable

configurable是一个布尔值,表示属性的可配置性,默认为true。如果设为false,将阻止某些操作改写属性描述对象,比如无法删除该属性,也不得改变各种元属性(value属性除外)。也就是说,configurable属性控制了属性描述对象的可写性。
writable属性只有在false改为true时会报错,true改为false是允许的。
value属性,只要writable和configurable有一个为true,就允许改动value。

另外,writable为false时,直接对目标属性赋值,不报错,但不会成功。

configurable是false时,不允许删掉

(5)get
取值函数
get是一个函数,表示该属性的取值函数(getter),默认为undefined。

(6)set
存值函数
set是一个函数,表示该属性的存值函数(setter),默认为undefined。
定制属性的读取和赋值行为
取值函数get不能接受参数,存值函数set只能接受一个参数(即属性的值)

2.1、属性描述对象

Object.getOwnPropertyDescriptor()
Object.getOwnPropertyDescriptor()方法可以获取属性描述对象。它的第一个参数是目标对象,第二个参数是一个字符串,对应目标对象的某个属性名。
只能用于对象自身的属性,不能用于继承的属性。
Object.getOwnPropertyNames方法返回一个数组,成员是参数对象自身的全部属性的属性名,不管该属性是否可遍历。

Object.keys只返回对象自身的可遍历属性的全部属性名。

Object.keys([]) // []
Object.getOwnPropertyNames([]) // [ 'length' ]

Object.keys(Object.prototype) // []
Object.getOwnPropertyNames(Object.prototype)
// ['hasOwnProperty',
//  'valueOf',
//  'constructor',
//  'toLocaleString',
//  'isPrototypeOf',
//  'propertyIsEnumerable',
//  'toString']

Object.defineProperty(),Object.defineProperties()

Object.defineProperty()方法允许通过属性描述对象,定义或修改一个属性,然后返回修改后的对象

Object.defineProperty(object, propertyName, attributesObject)

object:属性所在的对象
propertyName:字符串,表示属性名
attributesObject:属性描述对象

一次性定义或修改多个属性,可以使用Object.defineProperties()方法。

var obj = Object.defineProperties({}, {
  p1: { value: 123, enumerable: true },
  p2: { value: 'abc', enumerable: true },
  p3: { get: function () { return this.p1 + this.p2 },
    enumerable:true,
    configurable:true
  }
});

obj.p1 // 123
obj.p2 // "abc"
obj.p3 // "123abc"

一旦定义了取值函数get(或存值函数set),就不能将writable属性设为true,或者同时定义value属性,否则会报错

Object.defineProperty()和Object.defineProperties()参数里面的属性描述对象,writable、configurable、enumerable这三个属性的默认值都为false。

Object.prototype.propertyIsEnumerable()
用来判断某个属性是否可遍历。
只能用于判断对象自身的属性,对于继承的属性一律返回false。

2.2、对象的拷贝

可以通过Object.defineProperty方法来拷贝属性。

var extend = function (to, from) {
  for (var property in from) {
    if (!from.hasOwnProperty(property)) continue;
    Object.defineProperty(
      to,
      property,
      Object.getOwnPropertyDescriptor(from, property)
    );
  }

  return to;
}

extend({}, { get a(){ return 1 } })
// { get a(){ return 1 } })

2.2、控制对象状态

冻结对象的读写状态,防止对象被改变
**最弱的一种是Object.preventExtensions,其次是Object.seal,最强的是Object.freeze。
**
Object.preventExtensions方法可以使得一个对象无法再添加新的属性。
Object.isExtensible方法用于检查一个对象是否使用了Object.preventExtensions方法。也就是说,检查是否可以为一个对象添加属性。
Object.seal(obj)方法使得一个对象既无法添加新属性,也无法删除旧属性。Object.seal实质是把属性描述对象的configurable属性设为false

使用Object.seal方法之后,属性描述对象的configurable属性就变成了false,不影响修改某个属性的值。
Object.isSealed方法用于检查一个对象是否使用了Object.seal方法。

Object.freeze方法可以使得一个对象无法添加新属性、无法删除旧属性、也无法改变属性的值,使得这个对象实际上变成了常量。
并不报错,只是默默地失败。如果在严格模式下,则会报错。

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

使用Object.freeze方法以后,Object.isSealed将会返回true,Object.isExtensible返回false

Object.isFrozen的一个用途是,确认某个对象没有被冻结后,再对它的属性赋值。

漏洞:可以通过改变原型对象,来为对象增加属性(可以把obj的原型也冻结住。);如果属性值是对象,上面这些方法只能冻结属性指向的对象,而不能冻结对象本身的内容。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值