函數默許值是一個很進步魯棒性的東西（就是讓順序更硬朗）
MDN關於函數默許參數的形貌：函數默許參數許可在沒有值或
undefined被傳入時運用默許形參。
ES5
運用邏輯或||來完成
盡人皆知，在ES5版本中，並沒有供應的直接要領供我們我們處置懲罰函數默許值
所以只能夠本身去加強函數的功用，平常會這麼來做：
function doSomething (name, age) {
name = name || 'default name'
age = age || 18
console.log(name, age)
}我們將函數的兩個參數name與age舉行默許值的處置懲罰，假如沒有則運用默許值。
在實行一下函數后，彷佛並沒有什麼不對：
doSomething() // default name, 18
doSomething('Niko') // Niko , 18
doSomething(, 12) // default name, 12然則當我們實行如許的代碼時，就會取得一些超越預期的效果：
doSomething('Niko', 0) // Niko, 18能夠發明，關於參數0，我們上邊的默許參數完成要領是有題目的
就像下邊的四個表達式，都邑輸出wrong，這很顯然不能夠滿足上邊MDN關於函數默許參數的定義：
console.log(0 || 'wrong')
console.log('' || 'wrong')
console.log(null || 'wrong')
console.log(false || 'wrong')準確的姿態
所以，在ES5中準確的默許值處置懲罰應當是如許：
function doSomething (name, age) {
if (name === undefined) {
name = 'default name'
}
if (age === undefined) {
age = 18
}
console.log(name, age)
}運用三元運算符簡化操縱
或許我們簡寫成三元運算符情勢的：
function doSomething (name, age) {
name = name === undefined ? 'default name' : name
age = age === undefined ? 18 : age
console.log(name, age)
}運用函數舉行封裝
然則假如我們每寫一個函數，都要反覆的去做這些操縱
未免太麻煩了，所以，我們對這個邏輯舉行一個簡樸的封裝：
function defaultValue (val, defaultVal) {
return val === undefined ? defaultVal : val
}
function doSomething (name, age) {
name = defaultValue(name, 'default name')
age = defaultValue(age , 18)
console.log(name, age)
}如許就很簡約的在ES5完成了函數默許參數的邏輯
one momre things
關於上邊的defaultValue函數完成要領，我們在合理的運用弱範例言語的上風后
能夠運用這類體式格局來省去三元運算符的操縱：
function defaultValue () {
return arguments[+(arguments[0] === undefined)]
}我們曉得，arguments示意函數一切的實參
我們運用arguments[0]獵取第一個實參，然後與undefined舉行全等比較
在外層將表達式的效果轉換為Number，然後將這個值作為下標獵取arguments中對應的參數。
由於是由Boolean值改變而來，所以只會存在0、1兩種選項。
也就完成了上邊三元運算符的功用。
ES6
ES6版本的函數默許值基礎上就是我們上邊完成的那種套路了
然則由於是原生的，所以會有響應的新語法，能夠更簡約的運用：
function doSomething (name = 'default name', age = 18) {
console.log(name, age)
}ES6中供應了新的語法，能夠讓我們在函數聲明參數後邊直接寫= [defaultValue]的這類情勢來設置某個參數的默許值。
直接運用這類體式格局，省去了在函數內部舉行默許值的搜檢，能夠讓函數專註的做它應當做的事變。
怎樣針對某些必填參數拋出非常
ES6這類新語法能夠讓我們很好的針對某個必填參數舉行毛病提示：
function requireParams () {
throw new Error('required params')
}
function doSomething (name = requireParams(), age = 18) {
// do something
}假如name參數為undefined，就會觸發默許值劃定規矩
然後挪用requireParams函數，而我們在函數中直接throw了一個Error
龐雜構造參數的默許值處置懲罰
上邊的處置懲罰都是針對簡樸的基礎範例數據舉行處置懲罰的，但假如我們有以下的一個函數：
function init ({id, value}) {}
init({
id: 'tagId',
value: 1
})假如在ES5環境下，針對這類參數的默許值處置懲罰將會變得非常龐雜
首先要推斷這一個參數是不是存在，然後在推斷參數中的一切key是不是存在
而在ES6中，能夠如許來做：
function init ({
id = 'defaultId',
value = 1
} = {}) {
console.log(id, value)
}
init()首先在解構函數的後邊增加默許值= {}，然後針對每一項參數增加默許值，很簡約的就完成了我們的需求。
ES5版本的polyfill代碼在堆棧中的位置：
defaultValue
