一、ES5的严格模式
- 在严格模式下,声明变量必须使用 var
- 在严格模式下,不能使用八进制
- 在严格模式下,不能使用arguments.callee
- 在严格模式下,不能使用eval() //eval() 可以执行其中的代码串 1 不安全 2污染全局变量
- 在严格模式下,不能使用with(obj) // 方便查找属性 先在obj内部查找 没有在往原型链上查找
- 严格模式下delete 删除对象中的属性报错,在普通模式下,使用delete删除变量,不会报错,但是不能删除变量
- 全局变量消失(this)
- with(obj)//严格模式下报错
1 with可以简化对象操作,with运行的原理,首先会将所有的变量锁定现在obj的范围内,如果有
2 // 直接使用,如果没有则根据作用域链的方式向上级查找
函数中的同名参数(在非严格模式下,形参中出现同名变量,后面的会覆盖掉前面的(覆盖发生在函数调用的时候,传值的过程还是一一对应),严格模式下,不允许函数出现同名参数) ;
- ;对象中同名属性(可以忽略的)非严格模式下,对象中出现同名变量,后面的覆盖前面的,严格模式下,会忽略前面的变量直接看最后一个同名属性
二、特性
对具体对象中的属性进行特性的配置
1 设置单个特性 : Object.defineProperty(obj, property, descripts)
- obj:要修饰的对象 property:要修饰的属性 descripts:对象,对象中的属性为要配置的特性选项
2 设置多个特性: Object.defineProperties(obj, descripts)
- obj:你要设置的对象 descripts: 对象 key:value,
- key:代表的是对象的属性 value:是一个对象,是配置属性的特性的对象
3 descrips公用属性
- 枚举性(遍历):enumerable ,是否可以对属性进行枚举
- 修改性: writable 不可以修改属性值,但是可以通过配置属性特性中的value来更改属性值
- 值:value
- 配置性:configurable 可配置性,是否可以对属性进行特性的配置(默认true 设置为false后 ,之后的设置特性无法在设置生效)。
4 get 方法(该方法在用户读取对象的属性的时候自动触发,函数的返回值就为读取到的值,如果没有返回值,则为undefined)
注意:千万不要在get的函数体中读取对象的该属性(死循环)
1 <script> 2 var obj = { 3 a: 1, 4 b: 2 5 } 6 5Object.defineProperty(obj, 'a', { 7 get: function() { 8 console.log("我被触发了"); 9 return 222; 10 } 11 }); 12 console.log(obj.a); 13 </script>
5 set 方法(该方法也会自动触发,在设置对象的属性的时候触发。return 值没有意义的。)
1 <script> 2 var obj = { 3 a: 1, 4 b: 2 5 } 6 Object.defineProperty(obj, 'a', { 7 set: function() { 8 console.log("我被触发了"); 9 return 333; 10 } 11 }); 12 obj.a = 11; 13 console.log(obj.a); 14 </script>
6 如何使用set get 方法进行赋值
1 <script> 2 var obj = { 3 a: 1, 4 b: 2 5 } 6 /* 7 需求: 8 如果给a设置的值为number,则让其设置,如果不是number则设置为999 9 1、不是在set对a属性真正的赋值(真正的赋值就形成了死循环) 10 2、引入一个中间值 11 12 obj.a = 'i love you'; console.log(obj.a); 999 13 obj.a = 22; console.log(obj.a); 22 14 */ 15 Object.defineProperty(obj, 'a', { 16 set: function(arg) { 17 // console.log(typeof arg); 18 if (typeof arg === 'number') { 19 this._a = arg; // _a 替补属性 _a没有特殊的含义 20 } else { 21 this._a = 999; 22 } 23 }, 24 get: function() { 25 return this._a; 26 } 27 }); 28 obj.a = 11; 29 console.log(obj.a); 30 obj.a = 'i love you'; 31 console.log(obj.a); 32 </script>
三、对象的扩展(核心思想;取消对__proto__属性的使用)
- obj1.isPrototypeOf(obj2) / / 判断obj1是不是obj2的原型对象 (查找的过程是在原型链上进行查找)
- Object.getPrototypeOf(obj) / /获得obj的原型对象
- Object.setPrototypeOf(obj,prototype) / / 设置一个对象的原型对象
- bj:要设置的对象
- prototype:要设置的原型对象
4 对象的扩展性(preventExtensions)
语法:Object.preventExtensions(obj) //取消obj对象的扩展性,不能添加属性了,可以读取、删除、修改属性
语法:isExtensible:Object.isExtensible(obj) //查看对象的可扩展性,值为布尔类型
1 <script> 2 var obj = { 3 a: 1, 4 b: 2 5 } 6 obj.c = 3; 7 console.log(obj); 8 // 阻止对象的扩展:不能添加属性 可以读取 删除 修改 9 Object.preventExtensions(obj); 10 obj.d = 4; 11 obj.a = 11; 12 delete obj.b; 13 console.log(obj.c); 14 console.log(obj); 15 // 查看对象是否可以扩展 16 console.log(Object.isExtensible(obj)); 17 </script>
5 密封对象(seal)
语法:Object.seal(obj) //对obj对象进行密封,不能添加、不能删除 可以修改和读取
语法:Object.isSealed(obj) //查看obj对象是否被密封
1 <script> 2 var obj = { 3 a: 1, 4 b: 2, 5 c: 3 6 } 7 // 密封对象:不能添加、不能删除 可以修改和读取 8 Object.seal(obj); 9 obj.d = 4; // 增加 10 obj.a = 11; // 修改 11 delete obj.b; // 删除 12 console.log(obj.c); // 读取 13 console.log(obj); 14 // 查看对象是否被密封 15 console.log(Object.isSealed(obj)); 16 </script>
6 冻结对象(freeze)
语法:Object.freeze(obj) //将obj对象冻结,obj对象只能读取属性,不能删除、添加、修改属性
语法:Object.isFrozen(obj) //查看obj对象是否被冻结
1 <script> 2 var obj = { 3 a: 1, 4 b: 2, 5 c: 3 6 } 7 // 冻结对象:不能添加、不能删除 、不能修改 只能读取 8 Object.freeze(obj); 9 obj.d = 4; // 增加 10 obj.a = 11; // 修改 11 delete obj.b; // 删除 12 console.log(obj.c); // 读取 13 console.log(obj); 14 // 查看对象是否被冻结 15 console.log(Object.isFrozen(obj)); 16 </script>