ES6常用新特性2--箭頭函數(shù)

基本語法

  1. ( ) => { }
  2. 針對于小括號: 只有一個參數(shù)時,小括號可以省略, 沒有參數(shù)或者有多個參數(shù)時,必須加上小括號
  3. 針對于大括號: 只有一行語句時,大括號可以省略, 有多行語句時,必須加上大括號
  4. 如果函數(shù)體之后一行,并且有return關(guān)鍵字時,如果省略了大括號,那么return也必須省略
  5. 如果要retrun,則必須寫大括號

箭頭函數(shù)中的this指向

  1. 使用箭頭函數(shù)時,函數(shù)體內(nèi)的this對象,就是定義時所在的對象,而不是使用時所在的對象。
  2. 箭頭函數(shù)根本沒有自己的this,它的this是繼承外面的,

應(yīng)用實(shí)例

class Animal {
    constructor(){
        this.type = 'animal'
    }
    says(say){
        console.log(this);  // 此處的this為Animal的實(shí)例化對象
        setTimeout( () => {

            // 此處如果不用箭頭函數(shù),則this指向Windo對象,使用了箭頭函數(shù),則this指向Animal的實(shí)例化對象  
            console.log(this.type + ' says ' + say);   
        }, 1000)
    }
}
var animal = new Animal()
animal.says('hi')  //animal says hi
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 函數(shù)參數(shù)的默認(rèn)值 基本用法 在ES6之前,不能直接為函數(shù)的參數(shù)指定默認(rèn)值,只能采用變通的方法。 上面代碼檢查函數(shù)l...
    呼呼哥閱讀 3,708評論 0 1
  • 函數(shù)參數(shù)的默認(rèn)值 基本用法 在ES6之前,不能直接為函數(shù)的參數(shù)指定默認(rèn)值,只能采用變通的方法。 上面代碼檢查函數(shù)l...
    陳老板_閱讀 518評論 0 1
  • 函數(shù)和對象 1、函數(shù) 1.1 函數(shù)概述 函數(shù)對于任何一門語言來說都是核心的概念。通過函數(shù)可以封裝任意多條語句,而且...
    道無虛閱讀 4,959評論 0 5
  • 1.函數(shù)參數(shù)的默認(rèn)值 (1).基本用法 在ES6之前,不能直接為函數(shù)的參數(shù)指定默認(rèn)值,只能采用變通的方法。
    趙然228閱讀 831評論 0 0
  • 一、ES6簡介 ? 歷時將近6年的時間來制定的新 ECMAScript 標(biāo)準(zhǔn) ECMAScript 6(亦稱 ...
    一歲一枯榮_閱讀 6,209評論 8 25

友情鏈接更多精彩內(nèi)容