1. 程式人生 > 其它 >ES6學習---箭頭函式宣告及特點

ES6學習---箭頭函式宣告及特點

        // ES6 允許使用「箭頭」(=>)定義函式。
        //宣告一個函式
        // let fn = function(){

        // }
        // let fn = (a,b) => {
        //     return a + b;
        // }
        //呼叫函式
        // let result = fn(1, 2);
        // console.log(result);


        //1. this 是靜態的. this 始終指向函式宣告時所在作用域下的 this 的值
        function
getName(){ console.log(this.name); } let getName2 = () => { console.log(this.name); } //設定 window 物件的 name 屬性 window.name = '尚矽谷'; const school = { name: "ATGUIGU" } //直接呼叫 // getName(); //
getName2(); //call 方法呼叫 // getName.call(school); // getName2.call(school); //2. 不能作為構造例項化物件 // let Person = (name, age) => { // this.name = name; // this.age = age; // } // let me = new Person('xiao',30); // console.log(me); //
3. 不能使用 arguments 變數 // let fn = () => { // console.log(arguments); // } // fn(1,2,3); //4. 箭頭函式的簡寫 //1) 省略小括號, 當形參有且只有一個的時候 // let add = n => { // return n + n; // } // console.log(add(9)); //2) 省略花括號, 當代碼體只有一條語句的時候, 此時 return 必須省略 // 而且語句的執行結果就是函式的返回值 let pow = n => n * n; console.log(pow(8));