导航

HTML

CSS

JavaScript

浏览器 & 网络

版本管理

框架

构建工具

TypeScript

性能优化

软实力

算法

UI、组件库

Node

冷门技能

1. 设置 configurable: false; writable: false 后，属性会不可删除不可修改，但可以新增属性

**2. Object.**preventExtensions() 可以让对象不可新增属性

var obj = {a: 2};
Object.preventExtensions(obj)
obj.b = 3;
console.log(obj);

Untitled

Object.isExtensible() 是否可拓展

var obj = {a: 2};
var obj2 = {a: 2};
Object.preventExtensions(obj)
console.log(Object.isExtensible(obj));
console.log(Object.isExtensible(obj2));

Untitled

使用 Object.defineProperty() 添加的属性，属性描述符默认是 false

var obj = {a: 2};
obj.c = 8;
Object.defineProperty(obj, 'b', {
	value: 6
})
console.log(Object.getOwnPropertyDescriptor(obj, 'b'));
console.log(Object.getOwnPropertyDescriptor(obj, 'c'));

Untitled

3. Object.seal() 使对象密封, Object.isSealed() 对象是否密封

var obj = {a: 2};
Object.seal(obj);
obj.b = 3;
console.log(Object.isSealed(obj));
console.log(obj);

Untitled

4. Object.freeze() 冻结对象

var obj = {a: 2};
Object.freeze(obj);
console.log(Object.isFrozen(obj));

Untitled

⭐️ 封装深层冻结对象

function myFreeze(obj) {
	Object.freeze(obj);
  for (var key in obj) {
  	if (typeof(obj[key]) === 'object' && obj[key] !== null) {
    	myFreeze(obj[key]);
    }
  }
}

var obj = {
	a: {
  	b: {
    	c: 123
    }
  }
}

myFreeze(obj);

obj.a.b.d = 345;

console.log(obj);

Untitled

is 比较运算的扩充

console.log(NaN === NaN);
console.log(+0 === -0);

Untitled

console.log(Object.is(NaN, NaN));
console.log(Object.is(+0, -0));

Untitled