Object.is()
Object.is()
接受兩個(gè)參數(shù),如果這兩個(gè)參數(shù)類(lèi)型相同且具有相同的值漂洋,則返回 true
Object.is()
方法用來(lái)比較兩個(gè)值是否嚴(yán)格相等每界,運(yùn)行結(jié)果與 ===
基本一致
區(qū)別
===
+0 === -0 // true
NaN === NaN // false
Object.is()
Object.is(+0, -0) // false
Object.js(NaN, NaN) // true
Object.assign()
Object.assign()
方法用于對(duì)象的合并捷泞,將源對(duì)象 (source) 的所有可枚舉屬性,復(fù)制到目標(biāo)對(duì)象 (target)
const target = {a: 'a'};
const source1 = {b : 'b'};
const source2 = {c : 'c'};
Object.assign(target, source1, source2);
target // {a:"a", b:"b", c:"c"}
同名屬性
Object.assign()
參數(shù)對(duì)象中有同名屬性時(shí)黑竞,后面的屬性會(huì)覆蓋前面的屬性
const target = {a: 'a', b: 'a'};
const source1 = {b : 'b', c : 'b'};
const source2 = {c : 'c'};
Object.assign(target, source1, source2);
target // {a:"a", b:"b", c:"c"}
只有一個(gè)參數(shù)
參數(shù)是對(duì)象
只有一個(gè)參數(shù)且參數(shù)是對(duì)象時(shí)捕发,Object.assign()
會(huì)直接返回該參數(shù)
const obj = {a: 'a'};
Object.assign(obj) === obj // true
參數(shù)不是對(duì)象
只有一個(gè)參數(shù)且參數(shù)不是對(duì)象,Object.assign()
會(huì)先將參數(shù)轉(zhuǎn)成對(duì)象很魂,然后返回
-
Array
數(shù)組轉(zhuǎn)為對(duì)象扎酷,其屬性名為0、1遏匆、2
Object.assign([1,2,3]) // [1,2,3]
// typeof 為 "Object"
-
Number
,String
,Boolean
數(shù)值法挨、字符串、布爾值轉(zhuǎn)成對(duì)應(yīng)的包裝對(duì)象
Object.assign('a') // "a"
Object.assign(1) // 1
Object.assign(true) // true
// typeof 均為 "Object"
-
undefined
,null
undefined
和null
無(wú)法轉(zhuǎn)換成對(duì)象幅聘,所以會(huì)報(bào)錯(cuò)
Object.assign(undefined)
Object.assign(null)
// Uncaught TypeError: Cannot convert undefined or null to object
多個(gè)參數(shù)凡纳,非對(duì)象參數(shù)不在首位
-
Number
,Boolean
,undefined
,null
數(shù)值、布爾值喊暖、undefined
惫企、null
不在首參數(shù)時(shí),不會(huì)報(bào)錯(cuò)陵叽,也不會(huì)產(chǎn)生效果
let obj = {a: 'a'};
Object.assign(obj, 1) === obj // true
Object.assign(obj, true) === obj // true
Object.assign(obj, undefined) === obj // true
Object.assign(obj, null) === obj // true
-
String
字符串的包裝對(duì)象會(huì)產(chǎn)生可枚舉屬性,以字符數(shù)組的形式合入目標(biāo)對(duì)象
let obj = {a: 'a'};
const str = 'str';
Object.assign(obj, str);
obj // {0: "s", 1: "t", 2: "r", a: "a"}
-
Array
將數(shù)組視為屬性名為0丛版、1巩掺、2的對(duì)象
let obj = {a: 'a'}
const arr = [1,2,3];
Object.assign(obj, arr);
obj // {0: 1, 1: 2, 2: 3, a: "a"}
????首參也為數(shù)組時(shí)
Object.assign([1, 2, 3], [4, 5])
// [4,5,3]
淺拷貝
Object.assign()
實(shí)行的是淺拷貝
源對(duì)象的某個(gè)屬性值是對(duì)象,目標(biāo)對(duì)象拷貝這個(gè)對(duì)象的引用
const obj1 = {a: 1, b: [0,1,2]};
const obj2 = Object.assign({}, obj1);
obj1.a = 3;
console.log(obj2); // { a: 1, b: [ 0, 1, 2 ] }
obj1.b[0] = 5;
console.log(obj2); // { a: 1, b: [ 5, 1, 2 ] }
深拷貝 JSON.parse(JSON.stringify(obj))
const obj1 = {a: {b: 1}};
const deepCopy = obj => JSON.parse(JSON.stringify(obj));
const obj2 = deepCopy(obj1);
obj1.a.b = 2;
obj2.a.b // 1