(2)JavaScript中的函數

1.函數的定義

JavaScript定義函數用function這個關鍵字。
函數的定義有三種方法:
    1. function add(a,b){
            return a+b;
       }
       直接用function + 方法名(參數列表)+{ }來進行定義。
    2. var add = function(a,b){
        return  a+b;
       }
       將匿名函數賦值給一個變量的形式來進行定義函數。
    3. function add(a,b) = >{
        return a+b;
       }
       這種方式是ES6新出的一個特性,叫箭頭函數。

2箭頭函數的特殊性

箭頭函數的特點:

1.箭頭函數中的this始終指向調用該函數的對象,無論該函數中嵌套了多少個函數,只要出現this,就是指向調用該函數的對象。以前當函數中嵌套函數時,需要些var that = this;現在有了箭頭函數就不需要that了。

箭頭函數舉例:

//傳統函數
var obj = {
    birth: 1990,
    getAge: function () {
        var b = this.birth; // 1990
        var fn = function () {
            return new Date().getFullYear() - this.birth; // this指向window或undefined
        };
        return fn();
    }
};
//箭頭函數
var obj = {
    birth: 1990,
    getAge: function () {
        var b = this.birth; // 1990
        var fn = () => new Date().getFullYear() - this.birth; // this指向obj對象
        return fn();
    }
};
obj.getAge(); // 25

上面兩個例子是引用的廖雪峯的JavaScript教程,我的JavaScript入門就是看的這個教程。推薦大家去看一看。而且該教程是基於ES6的。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章