原文:this 指向詳細解析(箭頭函數)

本文地址:http: www.cnblogs.com dongcanliang p .html 前言 this 指向問題是入坑前端必須了解知識點,現在迎來了ES 時代,因為箭頭函數的出現,所以感覺有必要對 this 問題梳理一下,遂有此文 在非箭頭函數下, this 指向調用其所在函數的對象,而且是離誰近就是指向誰 此對於常規對象,原型鏈, getter amp setter等都適用 構造函數下, ...

2017-06-20 14:43 3 53673 推薦指數:

查看詳情

ES5與ES6 this 指向詳細解析箭頭函數

首先要明白箭頭函數的作用: 箭頭函數除了讓函數的書寫變得很簡潔,可讀性很好外;最大的優點是解決了this執行環境所造成的一些問題。比如:解決了匿名函數this指向的問題(匿名函數的執行環境具有全局性),包括setTimeout和setInterval中使用this所造成的問題。 平時我們常見 ...

Mon Jun 10 22:49:00 CST 2019 0 1352
this指向問題(箭頭函數沒有this)

全局環境下,指向windows console.log(this.document === document); // true 函數上下文調用 function f1(){ return this; } f1() === window; // true 對象中 ...

Thu Aug 30 18:23:00 CST 2018 0 982
箭頭函數與this指向問題

箭頭函數中this的指向問題 箭頭函數不會改變this的指向,在它外面拿到的this是什么,它里面獲取到的就是什么 setTimeout方法掛載在window上面,高程中寫道,超時調用的代碼都是在全局作用域下執行,非嚴格模式下this指向window對象,嚴格模式下為undefined ...

Sun May 24 08:46:00 CST 2020 0 643
箭頭函數中的this指向

最近做的項目中遇到了在箭頭函數里使用this時報錯的問題,把箭頭函數的寫法改成function()后,this的指向才達到預期。關於這個問題值得研究一下。 在箭頭函數出現之前的ES5時代,this指向它的調用者。是哪個對象調用了這個屬性或方法,this就指向這個對象。這有 ...

Thu Dec 12 22:23:00 CST 2019 0 358
箭頭函數和普通函數的this指向

對於this的指向問題還是有點不太清除,這里做一下整理,方便以后查看 普通函數的this 1.普通函數的this指向的是它的調用者,誰調用這個this,,this就指向誰,比如obj,fn,這里fn最外層的this就指向obj 2.如果沒有調用者,那這個this就指向window 3. ...

Fri Jun 05 19:15:00 CST 2020 0 727
this指向 一般函數箭頭函數

es6對象內函數一般有兩種寫法: 輸出: person1的寫法,類似於: this指向當前調用此方法的對象 person2的寫法,使用了箭頭函數箭頭函數的this指向當前的執行環境(創建它時所處的上下文)(箭頭函數可以捕獲其所在上下文的this值 ...

Tue Oct 10 22:14:00 CST 2017 0 3575
js中this指向箭頭函數

普通函數:this指向分為4種情況,1. obj.getName();//指向obj2.getName();//非嚴格模式下,指向window,嚴格模式下為undefined3. var a = new A(); a();//指向A本身4.getName().apply(obj);//指向 ...

Tue Mar 26 01:52:00 CST 2019 0 1851
ES6 箭頭函數this指向

箭頭函數有幾個使用注意點。 (1)函數體內的this對象,就是定義時所在的對象,而不是使用時所在的對象。 (2)不可以當作構造函數,也就是說,不可以使用new命令,否則會拋出一個錯誤。 (3)不可以使用arguments對象,該對象在函數體內不存在。如果要用,可以用Rest參數代替 ...

Fri Mar 10 02:16:00 CST 2017 0 9033
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM