• Javascript对象的技巧和陷阱


    创建对象的3种方法

    方法1

    直接创建

    var obj = {
                name: "mike",
                age: 10
            }

    方法2

    用new创建

    var ob = new Date();

    方法3

    ECMAScript5有个新的方法 Object.create()

    事实上这种方法就是继承某一个对象

    var obj = {
                name: "mike",
                age: 10
            };
    
            var newobj = Object.create(obj);
            console.log(newobj.name);

    一些技巧和陷阱

    1

    var a = {
                name: "mike",
                name: "john"
            }
            console.log(a["name"]);
    不小心的把属性名写成一样 结果是john也就是说当遇到属性名一样的情况下. 依照最后一个出现的算, 注意当開始use strict的时候会报错

    2

    var a = {};
            a.x = 1;
            var p = Object.create(a);
            p.y = 2;
            console.log(p.x);
    当你訪问对象的属性没有时候,他会沿着原型链继续向上找,

    3

    var a = {};
            a.x = 1;
            var p = Object.create(a);
            p.y = 2;
            console.log("x" in p); //true

    一个对象里有没有这个属性 这个属性假设是继承来的也算是有

    4

    var a = {};
            a.x = 1;
            var p = Object.create(a);
            p.y = 2;
            console.log("x" in p); //true
            console.log(p.hasOwnProperty("x")); //false
    检查自有属性

    5

    var a = {
                x:1,
                get getx() {return this.x;},
                set setx(arg) {
                    return this.x = arg;
                }
            }
            console.log(a.x);
            a.x = 100;
            console.log(a.x);

    属性能够设置仅仅读仅仅写, 读/s写

    6

    var a = {
                x:1,
                get getx() {return this.x;},
                set setx(arg) {
                    return this.x = arg;
                }
            }
            Object.freeze(a);
            a.x = 100;
            console.log(a.x); //1

    冻结一个对象 用来保证对象的封闭性不被破坏


  • 相关阅读:
    js获取当前网址Url
    ajax解决跨域问题
    微信小程序传递URL中含有特殊字符
    layui中的tab切换
    layer.confirm等事件X关闭与取消监听
    Java中的API方法总结
    sublime安装插件
    LNMP的基本配置
    LNMP环境的搭建
    LAMP安装细则
  • 原文地址:https://www.cnblogs.com/tlnshuju/p/7128026.html
Copyright © 2020-2023  润新知