JavaScript对象扩展(Object.is(), assign(), 对象遍历keys, es6原型介绍)

对象创建新方法

ES6允许直接写入变量和函数,作为对象的属性和方法。这样的书写更加简洁。
上面代码表明,ES6允许在对象之中,只写属性名,不写属性值。这时,属性值等于属性名所代表的变量。

//例1:
    var foo = 'bar';
    var baz1 = {foo};
    console.log(baz1);// Object {foo: "bar"};
    var baz2 = {foo:'bar2'};
    console.log(baz2)// Object {foo: "bar2"}

//例2:
    function f1(x,y) {
        return {x,y}  ;
    }    
    function f2(x,y) {
        return {x:x,y:y};
    }    
    console.log(f1(1,2));// Object {x: 1, y: 2}
    console.log(f2(1,2));// Object {x: 1, y: 2}

//例3:
    //下面这两个对象是相同的
    var o1 = {
        method() {//ES6可以这样直接写一个函数
            return 'hello!';
        }
    }
    var o2 = {
        method: function () {
            return 'hello!'
        }
    }
    console.log(o1.method());//hello
    console.log(o2.method());//hello

Object.is()

ES5比较两个值是否相等,只有两个运算符:相等运算符(==)和严格相等运算符(===)。它们都有缺点,前者会自动转换数据类型,后者的NaN不等于自身,以及+0等于-0。
JavaScript缺乏一种运算,在所有环境中,只要两个值是一样的,它们就应该相等。
ES6提出“Same-value equality”(同值相等)算法,用来解决这个问题。Object.is就是部署这个算法的新方法。它用来比较两个值是否严格相等,与严格比较运算符(===)的行为基本一致。

//例: 
    console.log(+0 === -0);//true
    console.log(NaN === NaN);//false
    console.log(Object.is(+0, -0));//false
    console.log(Object.is(NaN,NaN));//true

Object.assign(); 对象拷贝(浅拷贝)

//例

    var target = {a:1};
    var source1 = {b:2};
    var source2 = {c:3};
    Object.assign(target,source1,source2);
    console.log(target);//Object {a: 1, b: 2, c: 3}

**注意: **对于这种嵌套的对象,一旦遇到同名属性,Object.assign的处理方法是替换,而不是添加。

//例
    var target = { a: { b: 'c', d: 'e' } };
    var source = { a: { b: 'hello' } };
    Object.assign(target, source);
    console.log(target);// { a: { b: 'hello' } };

对象遍历 Object.keys Object.values Object.entries

    //ES5引入了Object.keys方法,返回一个数组,成员是参数对象自身的(不含继承的)所有可遍历(enumerable)属性的键名。
    //Object.values方法返回一个数组,成员是参数对象自身的(不含继承的)所有可遍历(enumerable)属性的键值。
    //Object.entries方法返回一个数组,成员是参数对象自身的(不含继承的)所有可遍历(enumerable)属性的键值对数组。
    var obj = { foo: "bar", baz: 42 };
    Object.keys(obj)
    // ["foo", "baz"]
    
    var obj = { foo: "bar", baz: 42 };
    Object.values(obj)
    // ["bar", 42]    
    
    
    var obj = { foo: 'bar', baz: 42 };
    Object.entries(obj)
    // [ ["foo", "bar"], ["baz", 42] ]二维数组

Object.setPrototypeOf(),Object.getPrototypeOf()

_ _ proto _ _属性(前后各两个下划线),用来读取或设置当前对象的prototype对象

该属性没有写入 ES6 的正文,而是写入了附录,原因是_ _ proto _ _前后的双下划线,说明它本质上是一个内部属性,而不是一个正式的对外的 API,只是由于浏览器广泛支持,才被加入了 ES6。标准明确规定,只有浏览器必须部署这个属性,其他运行环境不一定需要部署,而且新的代码最好认为这个属性是不存在的。因此,无论从语义的角度,还是从兼容性的角度,都不要使用这个属性,而是使用下面的Object.setPrototypeOf()(写操作)、Object.getPrototypeOf()(读操作)、Object.create()(生成操作)代替。

//例:
var obj = {
    a:1
}
var obj2 = {
    b:2
}
obj1.__proto__ = obj2;
console.log(obj1.b);// 2

等同于下面这种方法.

Object.setPrototypeOf(obj1, obj2);
console.log(obj1.b);// 2


console.log(Object.getPrototypeOf(obj1));//Object b

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 210,978评论 6 490
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 89,954评论 2 384
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 156,623评论 0 345
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,324评论 1 282
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,390评论 5 384
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,741评论 1 289
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,892评论 3 405
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,655评论 0 266
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,104评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,451评论 2 325
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,569评论 1 340
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,254评论 4 328
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,834评论 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,725评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,950评论 1 264
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,260评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,446评论 2 348

推荐阅读更多精彩内容

  • 属性的简洁表示法 ES6允许直接写入变量和函数,作为对象的属性和方法。这样的书写更加简洁。 上面代码表明,ES6允...
    呼呼哥阅读 2,908评论 0 2
  • 1.属性的简洁表示法 允许直接写入变量和函数 上面代码表明,ES6 允许在对象之中,直接写变量。这时,属性名为变量...
    雨飞飞雨阅读 1,130评论 0 3
  • 三,字符串扩展 3.1 Unicode表示法 ES6 做出了改进,只要将码点放入大括号,就能正确解读该字符。有了这...
    eastbaby阅读 1,518评论 0 8
  • 企业的生命周期 创业期 成熟期 转型期 到底什么是永续经营 乔布斯与比尔盖茨 马云和扎克伯格 两个时代的对比 达尔...
    刘不凡阅读 2,200评论 0 14
  • 1.Caria:《第一次给陌生人讲故事》 2.余果:《六福珠宝里的直播感受》 3.天龙:《10.24找陌生人演讲的...
    Tom教练阅读 434评论 1 2