1. 程式人生 > >JavaScript 箭頭函數

JavaScript 箭頭函數

調用 str 變化 span 返回 sta func 作用域 的確

  1、沒有參數時

var demo = function () {

}
    //可以改寫為

var demo = () => {

}

  2、只有一個參數時

var demo =function(arg){

}
    //可以改寫為

var demo = arg =>{

}

  3、函數體只有一條語句時

var demo = function(){
return 1
}
    //可以改寫為

var demo =()=> return 1

註意: 當這一條語句是一個對象時 要用小括號括起來 

例如 var demo = ()=> ({a:11,b:"string"})

  4、箭頭函數的確與傳統函數有不同之處,但仍存在共同的特點。

  例如:
  1.對箭頭函數進行typeof操作會返回“function”。
  2.箭頭函數仍是Function的實例,故而instanceof的執行方式與傳統函數一致。
  3.call/apply/bind方法仍適用於箭頭函數,但就算調用這些方法擴充當前作用域,this也依舊不會變化。
  4.箭頭函數與傳統函數最大的不同之處在,禁用new操作

JavaScript 箭頭函數