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...