ES6 - 对象

时间:2022-08-26 21:28:14

ES6为对象带来的新特性。

对象传统的写法:

let person={

  'name':'Lily',

  'say':function(){

    alert('hello!');

  }

}

1、ES6中写法更简便

对象属性:

var name='Lily';

var age='13';

var person={name,age};

console.log(person)     //{name:'Lily',age:'13'}

对象方法:

var person={

  say(){      //省略了function

    alert('hello');

  }

}

2、属性名可以为表达式

当用字面量定义(用大括号{}定义)一个对象时,属性名或方法名可以是表达式。

var f='first';

var n='Name';

var s='say';

var h='Hello';

var person={

  [f+n]:'Zhang',

  [s+h](){

    return 'hello world';

  }

}

console.log(person.firstName)   //'Zhang'

console.log(person.sayHello())   //'hello world'

3、ES6为对象新增的函数

(1)Object.is()  :比较两个值是否严格相等。

首先我们来区分什么是严格相等和抽象相等:

  var str='12';var num=12;

  • 严格相等   (要求变量类型也相同)

   str===num   //false

  • 抽象相等 (将两边变量转化为同一类型再比较)

    str==num   //true

对于新增函数Object.is():Object.is(str,num)   //false

(2)Object.assign() :将源对象的属性值赋值到目标对象。

  let target={'a':1};

  let origin={'b':2,'c':3};

  Object.assign(terget,orgin);

  console.log(target)       //{a:1,b:2,c:3}

当源对象有与目标对象相同名字的属性时,会覆盖目标对象上的属性(后者覆盖前者);

Object.assign()可以接受多个源对象参数:

  let origin2={'d':4,'a':5};

  Object.assign(terget,orgin,orgin2);

  console.log(target)       //{a:5,b:2,c:3,d:4}

(3)Object.getPrototypeOf() :获取一个对象的prototype属性。

  function Person={

  }

 Person.prototype={

   say(){ console.log('hello'); }

  };

  let Lily=new Person();

  Lily.say();  //hello

获取Lily的prototype属性: Object.getPrototypeOf(Lily)   //say:function(){ ...}

可以实现继承:

ES6 - 对象

(4)Object.setPrototypeOf()  : 设置对象的prototype属性

以(3)中的例子来说明:

  Object.setPrototypeOf(Lily,{

    say(){ console.log('hi') }

  })

  Lily.say()  //hi

_______________________________

参考:公众号 web前端教程

ES6 - 对象的更多相关文章

  1. ES6 对象解构

    ES6 对象解构 第一眼看到,什么鬼? const { body } = document `` 其实等于: const body = document.body ``` http://es6.rua ...

  2. ES6对象扩展

    前面的话 随着JS应用复杂度的不断增加,开发者在程序中使用对象的数量也在持续增长,因此对象使用效率的提升就变得至关重要.ES6通过多种方式来加强对象的使用,通过简单的语法扩展,提供更多操作对象及与对象 ...

  3. ES6对象及ES6对象简单拓展

    ES6对象和传统的JS比较起来支持简写,比如说属性简写方法简写,还支持name属性,可以通过他迅速得到函数属性名表达式(如果是用bind方法创造的函数name属性会返回bound加上原函数的名字,Fu ...

  4. es6对象字面量增强

    相对于ES5,ES6的对象字面量得到了很大程度的增强.这些改进我们可以输入更少的代码同时语法更易于理解.那就一起来看看对象增强的功能.对象字面量简写(Object Literal Shorthand) ...

  5. es6对象的扩展

    对象(object)是 JavaScript 最重要的数据结构之一. object 在es6中新增了很多便利的方法 在es6中允许直接写入变量和方法的名称直接作为对象的属性 let x =1 ,y=2 ...

  6. ES5和ES6对象导出和导入(转载,待整理)

    1.import ... form...替代 require() //不接收对象 require:require('s.css'); //(es5) improt 's.css' //(es6) // ...

  7. es6对象内函数的两种写法

    es6对象内函数一般有两种写法: var person1 = { name: "p1", sayThis() { console.log(this); } }; var perso ...

  8. es6 对象浅拷贝的2种方法

    <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8&quo ...

  9. ES6&lpar;对象扩展)

    ES6(对象(object)新增特性) 1.简介表示法 o,k 为属性:这种为无方法的情况. 这种为有方法. 2.属性表达式 ES6中,[a]就是 b . 3.新增API 1.数组也是引用类型 2.O ...

  10. ES6 对象拓展方法

    一,ES6 对象拓展方法 ES6为对象提供了一些拓展方法,下面列举几个比较常见的对象拓展方法.

随机推荐

  1. 【uwp】浅谈China Daily 中划词翻译的实现

    学习uwp开发也有一段时间了,最近上架了一个小应用(China Daily),现在准备将开发中所学到的一些东西拿出来跟大家分享交流一下. 先给出应用的下载链接:China Daily , 感兴趣的童鞋 ...

  2. curl php 小记

    /* 开发用到. */ https 需加入: curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false); // 跳过证书检查

  3. TP学习笔记一(tp的目录结构 &comma; tp的输出方式)

    一.ThinkPHP的介绍 //了解 MVC M - Model 模型 工作:负责数据的操作 V - View 视图(模板) 工作:负责前台页面显示 C - Controller 控制器(模块) 工作 ...

  4. &lbrack;2&rsqb;&period; jekyll安装与应用

    一.ruby安装 这里在win下安装ruby,对应自己电脑的操作系统位数,如我的是64位,对应下载Ruby 2.0.0-p353 (x64)这个版本的ruby.然后安装过程就很简单了: 命令行下输入r ...

  5. delphi 去掉TreeView水平滚动条

        使用API函数:声明 FUNCTION ulong ShowScrollBar(ulong hwnd,ulong wBar,ulong bShow) LIBRARY "user32. ...

  6. linux下启动和关闭网卡命令

    ifup.ifdown:linux命令   实时地手动修改一些网络接口参数,可以利用ifconfig来实现,如果是要直接以配置文件,亦即是在 /etc/sysconfig/network-script ...

  7. Linux 如何配置虚拟机下的Centos静态ip

    如何配置虚拟机下的Centos静态ip 1.        配置虚拟机的虚拟路由器 2.        配置物理主机的虚拟网卡(VMNET8) 3.        配置虚拟主机Centos的网卡 vi ...

  8. html标签SEO规范

    原文地址:http://blog.sina.com.cn/s/blog_6c3898dd0100whr7.html 1.<!--页面注解--> 2.<html> 3.<h ...

  9. 使用iTextSharp修改PDF文件(一)

    这个iTextSharp确实是个好东西,可以创建.读取PDF格式的文档,虽然我的需求比较简单,但我首先还是基本上.完整地看完了它的相关文档,不喜欢英文的同志,可以搜索一篇<用C#制作PDF文件全 ...

  10. ssh 移植记录

    利用buildroot 先编译一个 sshd cd buildroot-2016.05/ make menuconfig Target packages ---> Networking appl ...