zoukankan      html  css  js  c++  java
  • 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

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


  • 相关阅读:
    Uva 12166 Equilibrium Mobile
    2015年7月实习经历以及一些感悟
    让键盘只数字键盘
    保留两位小数且,不四舍五入
    vuex的理解
    点击出现闪烁
    vue 添加样式分几种方法
    数据滞后的坑
    H5防止安卓手机软键盘弹出挤压页面导致变形的方法
    js 为false的几种情况
  • 原文地址:https://www.cnblogs.com/tlnshuju/p/7128026.html
Copyright © 2011-2022 走看看