你不知道的JavaScript之对象(一)

1 对象的定义 文字声明形式和构造形式

声明：
var obj={
  key:value
};
构造：
var obj=new Object();
obj.key=value;

区别：声明可以添加多个键/值对，但构造形式必须逐个添加

2 简单基本类型（string,boolean,number,null,undefined）本身不是对象。typeof null虽然返回object 但这是一个历史遗留的bug

3 内置对象 String,Number,Boolean,Object,Function,Array,Date,RegExp,Error。null和undefined只有文字形式而Date只有构造形式。

4 .操作符(属性访问)和[]操作符(键访问)均可以访问对象的值，区别在于.操作符要求属性名满足标识符命名规范。

例如要访问"Super-Fun!"只能使用['Super-Fun!']。对象中，属性名永远是字符串，数字也会被转换为字符串。

5 ES6增加了可计算属性名，可以在文字形式中使用[]包裹一个表达式当作属性名

var prefix="foo";

var obj={

  [prefix+'bar']:hello

}

6 无论返回值是什么类型，每次访问对象的属性就是属性访问。

7 数组

var arr=["foo","42",""bar];
arrr.baz="baz";
console.log(arr.length)// 3

虽然添加命名属性但数组长度没有改变 但属性名是数字，会变成一个数值下标。

8 复制对象 

json安全对象深复制：var newObj=JSON.parse(JSON.stringify(someObj));

浅复制：Object.assign({},obj);

var otherObj={
  c:3
}
var obj={
  a:2,
  b:otherObj
}
var newobj=Object.assign({},obj);
console.log(newobj);// {a:2,b:{c:3,d:3}}
otherObj.d=3;
console.log(obj);// {a:2,b:{c:3,d:3}}
console.log(newobj);// {a:2,b:{c:3,d:3}}

浅复制对对象只是引用，所以旧对象改变，新对象也随之改变。