js函數參數默認值設置

ES6中給出了函數的默認值設置，下面簡單介紹幾種設置默認參數的方法

一.基本用法

function first(x = 1, y = 2) {
console.log("x："+x ,"y："+ y);
}
first();
first(100);

二.與解構賦值默認值結合

function second({x, y = 2}) {
console.log("x："+x ,"y："+ y);
}
second({});
second({x:100});
second({x:100,y:200});

這種寫法在傳入多個形參時可以不按順序寫入，會方便很多，可是會有個問題，每次都要傳“{}”就會顯得很麻煩，於是我們可以再設置一次默認值

三.雙重默認值

function third({x = 1 ,y = 2} = {}) {
console.log("x："+x ,"y："+ y);
}
third();
third({x:100,y:200});
third({x:100});

這種寫法就不會出現易錯的情況啦

四.總結

以後再進行封裝函數時應改用默認值設置，特別是某些多參數的函數