ES6 函數 引言: 函數在任何語言中偶讀很重要,java裡面的函數通常叫做方法,其實是一個東西,使用函數可以簡化更多的代碼,代碼結構看著更加清晰。今天我們來學學ES6語法中,函數有什麼變化。 雖然現在的有比ES6更高的版本,但是主流一般都是ES6。es6中的函數相對於之前的版本提升了很多,相對來說 ...
ES6 函數
引言:
函數在任何語言中偶讀很重要,java裡面的函數通常叫做方法,其實是一個東西,使用函數可以簡化更多的代碼,代碼結構看著更加清晰。今天我們來學學ES6語法中,函數有什麼變化。
雖然現在的有比ES6更高的版本,但是主流一般都是ES6。es6中的函數相對於之前的版本提升了很多,相對來說在某些特定條件下,用新的函數很方便,也更簡潔,功能性更加強大。
1.帶參數預設值的函數。
我們都知道js是弱類型語言,不知道你有沒有試過,或者學到過,js的函數聲明過後,在調用這個函數的時候可以忽略這個函數所帶的參數,就是說,聲明的這個函數原本是帶有參數的,但是呢,我在調用的時候是不需要傳參的,這樣也不會報錯,而那些參數會有一個預設的值。來看看代碼。
function testParameter(parameter1,parameter2){
console.log(parameter1);
console.log(parameter2);
}
testParameter();
這個是可以運行的,不會報錯的,結果是什麼呢?兩個都是undefined。這就是弱類型語言的特點之一,與java不同,java會強制要求你輸入參數。
一般來說,我們在實際項目中,如果有這種用法的話,這些參數都是有用的也就是需要參數有一個預設值。在es6之前,如果沒有傳參數,而且這個參數又是需要用到的,需要一個預設值,我們都需要自己判斷這個參數是不是undefined,然後給這個參數設置預設值。這樣自己寫代碼就比較麻煩。因此在es6的時候,函數可以這樣聲明,給函數的參數設置一個預設值。
function defaultParameter(parameter1,parameter2=30){
console.log(parameter1);
console.log(parameter2);
}
defaultParameter();
這樣我們就給parameter2設置了一個預設的值為30,parameter1還是為undefined,雖然這種函數調用可以不傳參數,我建議這個時候,這個沒有設置預設值的參數還是儘量要傳。參數的類型可以是任意類型,可以是字元串,數字,函數,對象,都可以設置一個預設的值。
還有一種情況,
如下:
function defaultParameter1(parameter1="這是第一個參數",parameter2){
return parameter1+parameter2;
}
console.log(defaultParameter1());
這段代碼列印出來的是“這是第一個參數undefined”,然後我們傳一個參數。
function defaultParameter1(parameter1="這是第一個參數",parameter2){
return parameter1+parameter2;
}
console.log(defaultParameter1(20));
你猜現在的結果是什麼?你可能會說"20undefined",但是結果真不是這個,結果是"NaN",為什麼?,仔細的同學就發現了,我們傳的是一個20,而不是“20”,這個數字20和undefined相加的結果就成了NaN。當我們傳“20”的時候,答案就是“20undefined”,但是我想說的是,如果這時我不想傳第一個值怎麼辦,我想穿第二個值。往下看。
function defaultParameter1(parameter1="這是第一個參數",parameter2){
return parameter1+parameter2;
}
console.log(defaultParameter1(undefined,"這是第二個參數"));
把第一個參數設置成undefined就行了,並且只有設置成undefined才能使用預設的第一個參數,然後順利給第二個值設置參數值。
2.參數預設值為表達式的函數。
前面說了帶有預設值參數的函數,這節就為你帶來,參數是表達式
來來來看代碼
function expression(name,address=getStr()){
console.log(name+address);
}
function getStr(){
return "全棧學習筆記!"
}
expression("wx search");
這樣也是可行的,結果你懂的,哈哈,如果你覺得能學到不少知識,就試試這個結果,精彩美文每天為你推送!
這裡其實有一個有趣的,看下麵;
function expression(name,address=name){
console.log(name+address);
}
function getStr(){
return "全棧學習筆記!"
}
expression("全棧學習筆記");
這樣也是可以的,結果就是會列印出來兩個“全棧學習筆記”,然後看看這個
function expression(name=address,address){
console.log(name+address);
}
function getStr(){
return "全棧學習筆記!"
}
expression(undefined,"全棧學習筆記");
我們將這個接收表達式的參數放在前面,就是相當於上面哪一種情況反過來,這樣是不行的哦!
這一期的函數知識就分享到這,下一期將繼續分享函數這一塊的知識!如果你發現文中有什麼錯誤或者對我有什麼建議可以私信我哦!