ES6中对对象的扩展

最新推荐文章于 2024-05-23 10:00:00 发布

转载最新推荐文章于 2024-05-23 10:00:00 发布 · 46 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/wlxll/p/9329434.html

　　ES6允许直接写入变量和函数作为对象的属性和方法。这样的书写更加简洁。

　　ES6允许在对象中只写属性名，不写属性值。这时，属性值等于属性名所代表的变量。

function f(x , y){
  return {x ,y};  
}

f(1,2)// Object {x:1,y:2}

function getPoint(){
  var x=1;
  var y=10;
  return {x,y};  
}

getPoint()//{x:1,y:10}

　　js语言定义对象的属性有两种方法。obj.foo=true;obj['a']=123;1直接用标识符作为属性名；2是用表达式作为属性名，这时要将表达式放在方括号内。但是，如果使用字面量方式定义对象，在ES5中只能使用方法一定义属性。

　　ES6允许字面量定义对象时用表达式作为对象的属性名，即把表达式放在方括号内。

let propKey='foo';
let obj={
  [propKey]:true,
  ['a'+'bc']:123,    
}

var lastWord='last word';
var a={
  'first word':'hello',
  [lastWord]:'world'    
}

　　Object.is用来比较两个值是否严格相等。它与严格比较运算符（===）的行为基本一致。Object.is('foo','foo')//true Object.is({},{})//false 不同之处只有两个：一是+0不等于-0,二是NaN等于自身。Object.assign方法用来将源对象的所有可枚举属性复制到目标对象。它至少需要两个对象作为参数，第一个参数是目标对象，后面的参数都是源对象。只要有一个参数不是对象，就会抛出TypeError错误。

var target={a:1};
var source1={b:2};
var source2={c:3};

Object.assign(target,source1,source2);

target//{a:1,b:2,c:3}

//注意，如果目标对象与源对象有同名属性，或多个源对象有同名属性，
//则后面的属性会覆盖前面的属性。

var target={a:1,b:1};
var source1={b:2,c:2};
var source2={c:3};

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