ES6筆記 物件

2021-08-17 11:14:56 字數 1877 閱讀 4689

依據阮一峰教程摘取的自己可能用到的特性

屬性的簡潔表示法

function f(x, y) ;

}// 等同於

function f(x, y) ;

}f(1, 2) // object

方法簡寫

const o = 

};// 等同於

const o =

};

object.assign()

可列舉物件的合併

同名屬性的合併

淺拷貝

const target = ;

const source1 = ;

const source2 = ;

object.assign(target, source1, source2);

target //

用途:

為物件新增屬性

class point );

}}

為物件新增方法

object.assign(someclass.prototype, ,

anothermethod()

});// 等同於下面的寫法

someclass.prototype.somemethod = function (arg1, arg2) ;

someclass.prototype.anothermethod = function () ;

轉殖物件

function clone(origin) , origin);

}

合併多個物件

const merge =

(...sources) => object.assign({}, ...sources);

為屬性指定預設值

const defaults = ;

function processcontent(options) , defaults, options);

console.log(options);

// ...

}

object.keys(),object.values(),object.entries()

var obj = ;

object.keys(obj)

// ["foo", "baz"]

const obj = ;

object.values(obj)

// ["b", "c", "a"]

const obj = ;

object.entries(obj)

// [ ["foo", "bar"], ["baz", 42] ]

物件的擴充套件運算子

等同於object.assign()

let aclone = ;

// 等同於

let aclone = object.assign({}, a);

let ab = ;

// 等同於

let ab = object.assign({}, a, b);

修改現有物件部分屬性

let newversion = ;

培訓ES6筆記

1 剩餘操作符 let rest function a,rest rest 1,2,3,4,5 傳入引數 let print function a,b,c print 1,2,3 print 1,2,3 var m2 math.max 8,9,4,1 可以替代concat var arr1 1,3 ...

ES6筆記(解構)

1 解構 解構通俗點說,就是通過一種特定格式,快捷的讀取物件 陣列中的資料的方法 基本用法 如果右邊是物件,左邊也要用物件的格式,解構出來就是變數了,再也不是屬性了 解構物件 var ouser es5讀資料的方法 console.log ouser name ouser age aaa 20 le...

ES6筆記 函式

函式預設引數 在es5中,我們給函式傳引數,然後在函式體內設定預設值,如下面這種方式。function a num,callback callback num num a es5 49,不傳參輸出預設值而在es6中,我們使用新的預設值寫法 function a num 6,callback func...