es6 函式預設引數 物件

2022-08-25 14:57:50 字數 903 閱讀 1130

注意引數是物件,並且等號左邊是解構後的變數,用等號賦值,右邊是引數,也就是正常的變數,所以物件用冒號給值

案例1: 是對解構後的變數給預設值

function move( = {}) 

//沒什麼好說的

console.log(move());// [3, 8]

//引數直有乙個x,所以解構後沒有y則使用預設

console.log(move());// [3, 0]

//傳遞了乙個空物件引數,但是解構出來x,y都沒有,則使用預設值

console.log(move({}));// [0, 0]

//無引數,會使用引數的預設值也就是{},解析後x,y都沒有,則使用預設值

console.log(move());// [0, 0]

案例2: 引數給預設值

function move( = ) 

//沒什麼好說的

console.log(move()); // [3, 8]

//傳遞了乙個有x的物件則不使用預設引數,但是解構出來後沒有y,並且也沒有預設值,所以y是undefined

console.log(move()); // [3, undefined]

//引數傳遞了乙個空物件,不使用預設引數。但是沒有解構出x,y 。都為undefined

console.log(move({})); // [undefined, undefined]

//沒有傳遞引數,所以使用預設引數。 都能解構出來,所以都為0

console.log(move()); // [0, 0]

ES6 函式引數

引數收集 展開 1.收集剩餘引數 rest parameter 必須是最後乙個 function show a,b,args show 2017,12,21,20,10 2.展開陣列 let arr1 1,2,3 let arr2 4,5,6 let arr3 arr1,arr2 console.l...

ES6 函式 引數

函式的引數 1 引數擴充套件 陣列展開 1 收集 剩餘的 引數 function show a,b,args 三點運算子 rest parameter 必須是最後乙個 function show a,b,args show 12,15,8,9,20 輸出 12 15 8,9,20 2 陣列展開 展開...

ES6基礎 預設引數值

如果呼叫函式的過程中,定義的引數缺失,此引數變數的值則會是undefined。怎麼給缺失的引數賦值預設值,在es6之前,沒有簡潔的語法設定缺失引數的預設值,但是我們一般可以這麼編寫 解決缺失引數預設值 function myfunction x,y,z myfunction 6,7 複製 這種寫法是...