<option id="iao20"></option>

【ES6入門07】：函數擴展

YorkChen 發布于2019-08-23 12:27 / 1006人閱讀

摘要：函數擴展函數參數的默認值參數的作用域的參數將所有參數轉換為數組表示參數擴展運算符箭頭函數只有一個參數可以省略沒有參數寫當返回值為對象時，用包住返回值，不然會報錯注意，使用箭頭函數時，注意的指向函數尾調用判別是否函數尾調用的方法函數的最后一個

函數擴展 函數參數的默認值

{
    function test(x, y = "world") {
        console.log(x, y);
    }
    test("hello"); // hello world
    test("hello", "can"); // hello can
}

參數的作用域

{
    let x = "hi";
    function test2(x, y = x) {
        console.log(x, y);
    }
    function test3(a, y = x) {
        console.log(a, y);
    }
    test2("can"); // can can
    test3("can"); // can hi
}

rest的參數

{
    // ...arg將所有參數轉換為數組 ...表示rest參數
    function test4(...arg) {
        for (let v of arg) {
            console.log(v);
        }
    }
    test4(1, 2, 3, "a"); // 1  2  3  "a"

    // 擴展運算符
    console.log(...[1, 2, 4]); // 1 2 4
}

箭頭函數

{
    let fn = arg => arg * 2; // 只有一個參數可以省略()
    let fn2 = () => 5; // 沒有參數寫()
    // 當返回值為對象時，用()包住返回值，不然會報錯
    let fn3 = (name, age) => ({name, age});
    console.log(fn(3)); // 6
    console.log(fn2()); // 5
    console.log(fn3("can", 18)); // {name: "can", age: 18}
    // 注意，使用箭頭函數時，注意this的指向
}

函數尾調用

{
    // 判別是否函數尾調用的方法：函數的最后一個語句是不是一個函數
    // 當函數嵌套過多，當一個函數依賴另一個函數時，可使用尾調用優化性能
    function test(x) {
        console.log(x);
    }
    function fn(x) {
        return test(x); // 尾調用，最后的語句是函數
    }
    fn(123); // 123
}

云服務器 GPU云服務器 es6字符串擴展 ES6入門 js模板擴展函數 python 07

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/98550.html

2017-07-07 前端日報

摘要：前端日報精選了解中的全局對象和全局作用域張鑫旭鑫空間鑫生活子進程你應該知道的一切直出內存泄露問題的追查實踐我他喵的到底要怎樣才能在生產環境中用上模塊化騰訊前端大會大咖說大咖干貨，不再錯過發布發布中文翻譯在使用進行本地開發代碼 2017-07-07 前端日報精選了解JS中的全局對象window.self和全局作用域self ? 張鑫旭-鑫空間-鑫生活Node.js 子進程：你應該知道...

import. 2019-08-20 17:48 評論0 收藏0
ES6入門之對象的擴展

摘要：循環遍歷對象自身的和繼承的可枚舉屬性不含屬性。返回一個數組，包含對象自身的所有屬性的鍵名。目前，只有對象方法的簡寫法可以讓引擎確認，定義的是對象的方法。showImg(https://user-gold-cdn.xitu.io/2019/5/21/16ada8456223b0e1); 1. 屬性的簡潔表示法在ES6中允許直接寫入變量和函數，作為對象的屬性和方法，使得代碼的書寫更為簡潔。...

RiverLi 2019-05-23 11:58 評論0 收藏0
ES6入門之對象的擴展

摘要：屬性的簡潔表示法在中允許直接寫入變量和函數，作為對象的屬性和方法，使得代碼的書寫更為簡潔。循環遍歷對象自身的和繼承的可枚舉屬性不含屬性。返回一個數組，包含對象自身的所有屬性的鍵名。 showImg(https://segmentfault.com/img/remote/1460000019259004?w=1282&h=1920); 1. 屬性的簡潔表示法在ES6中允許直接寫入變量...

AWang 2019-08-26 13:53 評論0 收藏0
ES6入門之函數的擴展

摘要：如果所有函數都是尾調用，那么完全可以做到每次執行時，調用幀只有一項，這將大大節省內存。等同于等同于注意，只有不再用到外層函數的內部變量，內層函數的調用幀才會取代外層函數的調用幀，否則就無法進行尾調用優化。 showImg(https://segmentfault.com/img/bVbrTHp?w=1080&h=1920); 1. 函數參數的默認值 1.1 用法在ES6之前是不能為...

dackel 2019-08-02 16:15 評論0 收藏0