美文网首页
ES6学习笔记(八):对象的扩展

ES6学习笔记(八):对象的扩展

作者: 大青呐 | 来源:发表于2017-06-23 20:57 被阅读0次

<h4>1.属性、方法的简写</h4>

var foo = 'bar';
var baz = {foo};
//等同于
var baz = {foo:foo};

function f(x,y){
    return {x,y};
}
//等同于
function f(x,y){
    return{x:x,y:y};
}

var m = {
    method(){
        return "Hi";
    }
}
//等同于
var m = {
    method:function(){
        return "Hi";
    }
}

<b>Object.is()</b>
ES6提出了同值相等算法,用来比较两个值是否严格相等,与严格比较运算符(===)的行为基本一致。

Object.is('foo', 'foo')  //true
Object.is({}, {})   //false

与===不同之处:

+0 === -0  //true
NaN === NaN  //false

Object.is(+0,-0)  //false
Object.is(NaN,NaN)  //true

<h4>Object.assign()</h4>
该方法用于将源对象(source)的所有可枚举属性,复制到目标对象(target)它至少需要两个对象作为参数,第一个参数是目标对象,后面的参数都是源对象。
只要有一个参数不是对象,就会抛出TypeError错误。
如果只有一个参数,则会直接返回该参数。
如果只有一个参数,其参数不是对象,则先转成对象,然后返回。
由于undefined和null无法转为对象,所以它们作为参数时报错。
如果非对象参数出现在源对象的位置,如果该参数无法转为对象,则跳过。不报错。
其他类型的值(即数值、字符串和布尔值)不在首参数,不会报错。但是,除了字符串会以数组形式拷贝入目标对象,其他值都不会产生效果。
属性名为Symbol的属性,也会被Object.assign拷贝。
<h4>属性的遍历</h4>
for...in:同上
Object.keys(obj):同上
Object.getOwnPropertyNames(obj):返回一个数组,包含对象自身的所有属性(不含Symbol属性,但是包括不可枚举属性)。
Object.getOwnPropertySymbols(obj):Object.getOwnPropertySymbols
返回一个数组,包含对象自身的所有Symbol属性。
Reflect.ownKeys(obj):Reflect.ownKeys
返回一个数组,包含对象自身的所有属性,不管是属性名是Symbol或字符串,也不管是否可枚举。
<h4> proto属性,Object.setPrototypeOf(),Object.getPrototypeOf()</h4>
proto属性
前后各有两个下划线,用来读取或设置当前对象的prototype对象。
实际上,proto调用的是object.prototype.proto
Object.setPrototypeOf()
与上一个作用相同,设置一个对象的prototype对象。
Object.values(),Object.entries()
Object.keys():返回一个数组,成员是参数对象自身(不含继承)的所有可遍历属性的键名。
Object.values()返回一个数组,成员是参数对象自身(不含继承)的所有可遍历属性的键值。顺序与属性的遍历顺序一致(上)
该方法会过滤属性名为Symbol的属性。
如果参数是一个字符串,返回各个字符组成的数组。
参数是数值或布尔值,返回空值。
Object.entries
返回一个数组,成员是参数对象自身(不含继承)的所有可遍历属性的键值对数组。
除了返回值不同,方法的行为同上。
可以将对象转为真正的Map结构。

相关文章

  • ES6学习笔记(八):对象的扩展

    1.属性、方法的简写 Object.is() ES6提出了同值相等算法,用来比较两个值是否严格相等,与严格比较运算...

  • ES6学习笔记八|对象的扩展

    1. 属性的简介表示法 ES6允许在对象之中,只写属性名,不写属性值。此时,属性值等于属性名所代表的变量。如果某方...

  • 四: ES6 对象扩展

    前言 该部分为书籍 深入理解ES6 第四章(扩展的对象功能)笔记 对象类别 对象类别包括: 普通对象: 拥有 JS...

  • 2018-08-24

    ES6对象的扩展

  • es6之扩展运算符 三个点(...)

    es6之扩展运算符 三个点(...)对象的扩展运算符数组的扩展运算符总结es6之扩展运算符 三个点(…)对象的扩展...

  • ES6扩展归纳

    ES6扩展归纳 介绍ES6相比与ES5在原有对象上的扩展,包括字符串、正则、数值、函数、数组、对象等扩展,本文是阮...

  • ES6 学习笔记(8) 对象的扩展

    1. 属性的间接表示法 ES6 允许直接写入变量和函数 除属性外 方法也可以简写 2. 属性名表达式 ES6 允许...

  • es6学习笔记之对象的扩展

    一. 属性的简洁表示法 ES6 允许直接写入变量和函数,作为对象的属性和方法。这样的书写更加简洁。 这种写法用于函...

  • es6的数值,函数,字符串扩展

    一、es6的数值扩展 二、es6的函数扩展 代码效果:对象解构在函数中的应用 三、es6字符串扩展 常用方法 代码...

  • ES6中对象的扩展

    ES6不仅为字符串、数值和数组带来了扩展,也为对象带来了很多新特性。这一节,我们来一起学习一下对象的扩展。 对象的...

网友评论

      本文标题:ES6学习笔记(八):对象的扩展

      本文链接:https://www.haomeiwen.com/subject/msiccxtx.html