zoukankan      html  css  js  c++  java
  • ECMAScrip5 二

    一、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: 对象  keyvalue
    • 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>
  • 相关阅读:
    makefile实验二 对目标的深入理解 以及rebuild build clean的实现
    makefile实验一 make的基本原则、伪目标、以及不使用.PHONY确实现和伪目标一样功能的一种方法
    IP基础知识
    玩转Libmodbus(二) 写代码体验
    故意使用free掉的内存的一个实验( 常量区/栈)
    使用free掉的内存的危害
    数字签名 数字证书
    哈希
    初识Makefile
    约瑟夫问题及扩展问题的代码实现
  • 原文地址:https://www.cnblogs.com/lvlisn/p/11707201.html
Copyright © 2011-2022 走看看