重慶達內IT培訓
美國上市IT培訓機構

15023458194

重慶WEB前端培訓班:箭頭函數的副作用

  • 時間:2021-04-12 13:54
  • 發布:重慶達內
  • 來源:重慶達內

一、前言

項目中,我習慣上能用箭頭函數的地方都用箭頭函數,這樣我就不用隨時操心this作用于的問題,而且對于書寫上也很方便。也搜索過相關文章,里面也建議盡量使用箭頭函數。當然,箭頭函數也不是萬能,肯定無法取代普通函數。

那么,究竟箭頭函數需要注意哪些呢?

二、一些常見的問題

(代碼在控制臺測試)

1.作用域this的指向問題

this指向被創建的地方,或者是被實例化的地方;

對象方法,

let A = {

a:'a',name:()=>console.log(this,this.a)

}

console.log(A);// S {a: "a", name: ?}

console.log(A.name());//

prototype的方法

function A(){

this.a = "a";

}

A.prototype.name = ()=>console.log(this,this.a);

(new A).name();//Window,undefined,this.a 的this指向了window

動態上下文中的回調函數 click的回調

2. 無法被new,不能做構造函數

3. 需要獲取arguments參數

三、性能問題

class F{

f = ()=>{

console.log('f');

}

fp(){

console.log('fp');

}

}

class B extends F{

b = ()=>{

console.log('f');

}

bp(){

console.log('bp');

}

}

let fc = new F();

let fc2 = new F();

let bc = new B();

console.log(fc,fc2,bc);

console.log(fc2.f == fc.f);//false

console.log(fc.f == bc.f);//false

console.log(fc.fp == bc.fp);//true

我們發現,f (箭頭函數)并沒有被繼承下來,每次新建的時候都是一份copy。

上一篇:重慶web前端培訓機構:jQuery中的入口函數
下一篇:重慶web前端培訓班:Vue之組件重新渲染

重慶WEB前端培訓班:箭頭函數的副作用

重慶web前端培訓機構:jQuery中的入口函數

重慶web前端培訓:圖像樣式

重慶web前端培訓班:圖片裁切

  • 關注微信公眾號

    回復關鍵字:視頻資料

    免費領取 達內課程視頻學習資料

  • 視頻學習QQ群

    添加QQ群:1143617948

    免費領取達內課程視頻學習資料

Copyright ? 2018 Tedu.cn All Rights Reserved 京ICP備08000853號-56 京公網安備 11010802029508號 達內時代科技集團有限公司 版權所有

選擇城市和中心
江西省

貴州省

廣西省

海南省

免费V片无码动漫在线观看网址-男人的天堂无码动漫av