ECMAScrip5 二

Posted 2020-11-16 lvlisn

一、ES5的严格模式

1. 在严格模式下，声明变量必须使用 var
2. 在严格模式下，不能使用八进制
3. 在严格模式下，不能使用arguments.callee  
4. 在严格模式下，不能使用eval()    //eval()  可以执行其中的代码串  1 不安全 2污染全局变量
5. 在严格模式下，不能使用with(obj)  //  方便查找属性  先在obj内部查找 没有在往原型链上查找
6. 严格模式下delete 删除对象中的属性报错，在普通模式下，使用delete删除变量，不会报错，但是不能删除变量
7. 全局变量消失(this)
8. with(obj)//严格模式下报错

   1 with可以简化对象操作,with运行的原理，首先会将所有的变量锁定现在obj的范围内，如果有

   2 // 直接使用，如果没有则根据作用域链的方式向上级查找

9. 函数中的同名参数(在非严格模式下，形参中出现同名变量，后面的会覆盖掉前面的（覆盖发生在函数调用的时候，传值的过程还是一一对应），严格模式下，不允许函数出现同名参数) ;

10. ;对象中同名属性（可以忽略的）非严格模式下，对象中出现同名变量，后面的覆盖前面的，严格模式下，会忽略前面的变量直接看最后一个同名属性

二、特性

对具体对象中的属性进行特性的配置

　　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__属性的使用）

1. obj1.isPrototypeOf(obj2)      / / 判断obj1是不是obj2的原型对象 (查找的过程是在原型链上进行查找)
2. Object.getPrototypeOf(obj)   / /获得obj的原型对象
3. 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>