ES6預設值的寫法 Default Parameter

出處: Youtube 彭彭的課程  參數的預設值 Default Paramete

Udemy JavaScript、React、Flask、MongoDB 網站全端開發：從入門到進階

實作筆記

參數的預設值

Javascript 的 ES6 標準新增了種參數的預設值的寫法，讓整體來說看起來更簡潔了。

以下是原本Javascript的預設值寫法

function HI(message){
            if(typeof message==="undefined"){
                message="Hi"
        };
        alert(message);
        };
        HI("Hello");//顯示Hello
        HI();       //顯示預設值Hi

ES6預設值的寫法

function HI(message="Hi"){
            alert(message);
        };
        
        HI("Hello");//顯示Hello
        HI();       //顯示預設值Hi

用箭頭函式去寫參數的預設值

 let HI=(message="Hi")=>{
            alert(message);
        };
        
        HI("Hello");//顯示Hello
        HI();       //顯示預設值Hi

加法練習

ES6預設值的寫法

function add(n1,n2=5){
            return n1 + n2;
        };
        console.log(add(9,8));     //顯示17
        console.log(add(5));       //顯示預設值10

用箭頭函式去寫參數的預設值

let add=(n1,n2=5)=>(n1+n2);
        
        console.log(add(9,8));     //顯示17
        console.log(add(5));       //顯示預設值10

結合練習

function sentence(first="This",mid="is",last="car",sentence= first+" "+mid+" "+last ){
            alert(sentence);
        };
        sentence("She","is","cat") //顯示She is cat
        sentence("There","are")    //顯示There are car
        sentence()                 //顯示This is car