美文网首页
对象的功能扩展-《understanding ECMAScipt

对象的功能扩展-《understanding ECMAScipt

作者: aliyu | 来源:发表于2017-04-25 18:18 被阅读19次

对象分类

ES6将对象分为以下几类:

  • 普通对象
  • 外来对象
  • 标准对象
  • 内建对象

对象字面量的扩展

当key的名与 (value的变量名)一样时可以简写

function (name,age){
    return {
        name,
        age
    }
}

字面量里面的方法名称可以简写

var obj = {
  getValue(){
      //这里是函数内部
  }
}

计算属性名

记得当初在公司环境还是ES5的时候我踩过这个坑,我以为官方肯定有支持这个,but...。

var a = Symbol();
var obj = {
    [a] : 666 
}

新的方法

Object.is()

传统的===you两个问题:

  • -0 === +0
  • NaN !== NaN

Object.is() 解决了这两个问题。传入两个参数,分别是比较的两端

Object.assign()

一直以来,经常要自己写入一个浅复制的函数,去把两个对象合并为一个对象。Object.assign()解决了这个问题。
可以传入n个参数,第一个参数为receiver,其他参数依次将属性和方法添加到receiver。

  • 当出现同名时,后面的会覆盖前面的。//注意上文中依次这两个字就好
  • 浅复制
  • 不复制存取器,如get,只会将存取器复制为单纯的数据属性

对象字面量的属性重名

var obj = {
    'a': 1,
    'a': 2
}

上面这段代码在ES5严格模式会报错,ES6则默认用后面覆盖掉前面。
//个人感觉这样更符合逻辑.

属性的枚举顺序

排序规则

  • 按数字属性,字符串属性,Symbols属性依次排列
  • 数字属性按升序排列,越大的排后面
  • 字符串属性按照添加顺序排列,后添加的放后面
  • Symbols属性按照添加顺序排列,后添加的放后面

影响的方法

  • Object.getOwnPropertyNames()
  • Reflect.ownKeys()
  • Object.assign()

不受影响的方法

  • for in
  • Object.keys()
  • JSON.stringify()

Object.setPrototypeOf()

ES5中提供了Object.getPrototypeOf(),是通过读取内部方法[[Prototype]]的值,ES6则更进一步,提供了Object.setPrototypeOf()方法。
两个参数,1参为 对象,2参为 原型

super关键字

用于获取该对象的原型(通过Object,getPrototypeOf())。
注:该关键字只能用于简写的方法内,如下所示,

let person = {
  getSuper(){
    return Super;
  }
}

虽然通过Object.getPrototypeOf(this),也可以达到super的效果,但是Object.getPrototype(this)依赖于this关键字,而this关键字在某些情况下并不指向自身。
super依赖于内部方法[[HomeObject]]存储的Prototype的名称。

相关文章

  • 对象的功能扩展-《understanding ECMAScipt

    对象分类 ES6将对象分为以下几类: 普通对象 外来对象 标准对象 内建对象 对象字面量的扩展 当key的名与 (...

  • Symbol《understanding ECMAScipt6》

    什么是Symbol ES6 新增的类型 原始类型 如何创建Symbol 可以通过new Object( Symbo...

  • Promise-《understanding-ECMAScipt

    前言 最近实在是发生太多事情。昨天差点露宿接头,今天终于把房子搞定了。接下来,又可以专心的写代码了。 处理异步的方...

  • class-《understanding-ECMAScipt6》

    前言 记得之前有一次面试,面试官问我,有几种面对对象的设计方式。我一下懵了,虽然高级程序设计的第六章我看了好多遍,...

  • 数组的增强-《understanding-ECMAScipt6》

    前言 前两天看了别人写的博客,对某些知识点挖掘的深度和对知识点描述语言的通俗令我赞叹。我写的这一系列读书笔记的初衷...

  • 扩展的对象功能

    对象字面量语法的扩展 属性初始化器的速记法 方法简写 sayName方法被一个匿名函数赋值,并且能使用 super...

  • 装饰器模式

    定义 在不改变原有对象基础上,附加功能在对象上 适用场景 扩展类的功能 动态的为对象扩展功能,并且功能可以动态的撤...

  • 解构赋值-《understanding ECMAScipt6》读

    对象解构赋值 需要注意的点: 当等式右边是null或者undefined会报错 如果等式左边有的值在等式右边找不到...

  • 函数-《understanding ECMAScipt6》读书笔

    前言 其实这本书已经看完很久了。前几天突然有人在微信群里分享了别人的翻译版本。如果有些人会觉得这本书英文比较难理解...

  • kotlin语言学习10 ——kotlin 可见性与扩展

    本节主要介绍kotlin的可见性与kotlin中的扩展功能的使用,包括:扩展类、扩展方法、扩展伴生对象、扩展属性等...

网友评论

      本文标题:对象的功能扩展-《understanding ECMAScipt

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