• object.defineproperty&&object.keys


    /*
    Object.defineProperty:
    给一个对象添加或者修改属性 返回一个对象


    参数1:目标对象
    参数2:需要修改或者添加的属性
    参数3:当前属性的一些特征 对象
    value: 设置属性值
    writable: 设置当前属性是否允许被修改
    configurable:设置当前属性是否可以删除
    enumerable:设置当前属性是否可被枚举
    getter---get() 当获取属性值的时候触发的函数
    setter---set() 当设置属性的时候触发的函数

    如何模拟ES6的const?

    //value
    var obj = {};
    Object.defineProperty(obj,"name",{
    value:"宋磊"
    })

    console.log(obj.name)


    //writeable
    var obj = {};
    Object.defineProperty(obj,"name",{
    value:"宋磊",
    writable:false
    })
    obj.name="王多";
    console.log(obj.name)


    //configurable
    var obj = {age:19};
    Object.defineProperty(obj,"name",{
    value:"宋磊",
    configurable:false
    })
    delete obj.age;
    delete obj.name;
    console.log(obj)

    enumerable:
    var obj = {name:"宋磊",age:20};
    Object.defineProperty(obj,"sex",{
    value:"男",
    enumerable:true
    })

    for(var key in obj){
    console.log(key);
    }


    var obj = {name:"宋磊",age:20};
    Object.defineProperty(obj,"sex",{
    value:"男",
    enumerable:true
    })

    console.log(Object.keys(obj))


    Object.keys:把当前对象的属性枚举出来 返回值是一个数组
    for in 与 Object.keys 的区别
    前者可以把原型对象身上的属性枚举出来
    后者不能把原型对象身上的属性枚举出来


    function Fn(){}
    Fn.prototype.type="人类";

    var obj = new Fn();
    obj.name = "宋磊";
    obj.age = 20;
    obj.sex = "男";


    for(var key in obj){
    console.log(key)
    }

    console.log(Object.keys(obj))
    */


    //当使用get set方法的时候不允许使用value和writeable不然会报错

    /*
    数据劫持
    当获取或设置的时候会劫持到新的值
    */
    var obj = {name:"宋磊"};
    Object.defineProperty(obj,"name",{
    configurable:true,
    enumerable:true,
    get:function(){
    console.log("获取了")
    },
    set:function(newStr){
    console.log("设置了新值"+newStr)
    }

    })


    obj.name;

    obj.name = "王多";

  • 相关阅读:
    Node学习之(第二章:http模块)
    Node.js学习(第二章:node核心模块--fs)
    Node.js学习(第一章:Node.js安装和模块化理解)
    Node.js学习(第一章:Node.js简介)
    js控制手机震动
    js发送windows提示信息
    js操作一般文件和csv文件
    js操作indexedDB增删改查示例
    js获取用户实时地理位置
    js处理数值和日期本地化
  • 原文地址:https://www.cnblogs.com/carolavie/p/9750761.html
Copyright © 2020-2023  润新知