ES6箭頭函數(shù)使用call

IT那活兒發(fā)布于2023-01-11 13:20 / 2841人閱讀

ES6箭頭函數(shù)使用call

點(diǎn)擊上方“IT那活兒”，關(guān)注后了解更多內(nèi)容，不管IT什么活兒，干就完了?。?！

ES6箭頭函數(shù)使用call,apply之后this的指向。

箭頭函數(shù)this

A. 箭頭函數(shù)內(nèi)部的this是詞法作用域，有上下文確定。

B. 箭頭函數(shù)this是在‘定義函數(shù)’的時(shí)候綁定，而不是在‘執(zhí)行函數(shù)’的時(shí)候綁定。

*詞法作用域就是，你在寫代碼的時(shí)候就已經(jīng)決定了變量的作用域，因此當(dāng)詞法分析器處理代碼時(shí)會(huì)保持作用域不變。

Javascript使用的是詞法作用域。

它最重要的特征是，它的定義過(guò)程發(fā)生在代碼的書(shū)寫階段。

函數(shù)的主要特性

A. 箭頭函數(shù)沒(méi)有自己的this對(duì)象。

B. 箭頭函數(shù)的this永遠(yuǎn)指向其父作用域。

C. 任何方法都改變不了this，包括call，apply，bind。

代碼示例，如圖：

說(shuō)明call無(wú)法改變this指向，全局this指向的是window對(duì)象，fn函數(shù)也是全局， fn函數(shù)this指向全局，也就是window對(duì)象，等同于window.obj指向了window.fn,而所有函數(shù)和對(duì)象都是window對(duì)象的屬性，apply同理，所以兩次的值都為1，如圖：

END

本文作者：朱維

本文來(lái)源：IT那活兒（上海新炬王翦團(tuán)隊(duì)）

GPU云服務(wù)器云服務(wù)器箭頭函數(shù) 箭頭云服務(wù)器安裝使用指南函數(shù)使用 getcursorpos函數(shù)使用

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/129538.html

相關(guān)文章

關(guān)于ES6中箭頭函數(shù)的this問(wèn)題

摘要：對(duì)象的指向是可變的，但是在箭頭函數(shù)中，它是固定的。同樣的由于箭頭函數(shù)沒(méi)有自己的所以傳統(tǒng)的顯性綁定無(wú)效內(nèi)部的指向外部在的學(xué)習(xí)中，的指向問(wèn)題一直是個(gè)難點(diǎn)，特別是在對(duì)象方法中使用時(shí)，必須更加小心。由此箭頭函數(shù)在很大程度上減少了我們的困擾。什么是箭頭函數(shù) 用法 ES6 允許使用箭頭（=>）定義函數(shù) 測(cè)試 var p1 = document.getElementById(test1)...

LeviDing 2019-08-22 10:53 評(píng)論0 收藏0
es6箭頭函數(shù)

摘要：但是箭頭函數(shù)并沒(méi)有自己的其是繼承了外層執(zhí)行環(huán)境的，且不能改變，因此不能作為構(gòu)造函數(shù)，此時(shí)，引擎會(huì)在報(bào)錯(cuò)。不能作為事件的回調(diào)在中，事件的回調(diào)函數(shù)中，會(huì)動(dòng)態(tài)的指向監(jiān)聽(tīng)的對(duì)象，但是由于監(jiān)聽(tīng)是一個(gè)全局函數(shù)，所以箭頭函數(shù)的回調(diào)中指向。箭頭函數(shù) es6中添加了函數(shù)新的定義語(yǔ)法——箭頭函數(shù)，當(dāng)有大于一個(gè)形參的時(shí)候，必須使用()代表部分參數(shù)，函數(shù)體大于一行時(shí)，必須使用{}將函數(shù)體括起來(lái)，并使用ret...

UnixAgain 2019-08-26 10:59 評(píng)論0 收藏0
ES6箭頭函數(shù)體中this指向哪里？

摘要：注意因?yàn)榧^函數(shù)內(nèi)部的是指向外層代碼塊的最近的，例中的函數(shù)的，所以我們可以通過(guò)改變外層代碼塊的的指向從而改變箭頭函數(shù)中的指向例中使用了函數(shù)的方法。一、this關(guān)鍵字小測(cè)試 ES6箭頭函數(shù)體中的this指向哪里？在回答這個(gè)問(wèn)題之前先來(lái)揣揣你對(duì)this關(guān)鍵字的了解程度：（讓我們回到ES6之前）題： var obj = { a: function() { cons...

Half 2019-08-22 15:48 評(píng)論0 收藏0
ES6 箭頭函數(shù) 從了解到深入

摘要：有傳聞?wù)f，箭頭函數(shù)的語(yǔ)法，是受到了的影響，并且它與中的語(yǔ)法一樣，共享上下文。箭頭函數(shù)是新增加的一個(gè)特性。箭頭函數(shù)沒(méi)有自己的值，其值是通過(guò)繼承其它傳入對(duì)象而獲得的通常來(lái)說(shuō)是上一級(jí)外部函數(shù)的的指向。箭頭函數(shù) 1. 簡(jiǎn)單的定義：胖箭頭函數(shù) Fat arrow functions，又稱箭頭函數(shù)，是一個(gè)來(lái)自ECMAScript 2015（又稱ES6）的全新特性。有傳聞?wù)f，箭頭函數(shù)的語(yǔ)法=>，...

Eminjannn 2019-08-20 16:37 評(píng)論0 收藏0
ES6指北【2】—— 箭頭函數(shù)

摘要：箭頭函數(shù)基本語(yǔ)法函數(shù)語(yǔ)法具名函數(shù)匿名函數(shù)三句話第一句話聲明第二句話聲明匿名函數(shù)第三句話把匿名函數(shù)賦值給箭頭函數(shù)語(yǔ)法特點(diǎn)只能做賦值，不能做聲明第一種寫法完全寫法不省略參數(shù)個(gè)數(shù)，不省略函數(shù)體花括號(hào)參數(shù)個(gè)數(shù)函數(shù)體內(nèi)語(yǔ)句個(gè)數(shù)第二種寫法省略參數(shù)括號(hào)參 1.箭頭函數(shù)基本語(yǔ)法 1.1 ES3 函數(shù)語(yǔ)法 // 具名函數(shù) function xxx(arg1, arg2) { console.lo...

DobbyKim 2019-08-22 14:57 評(píng)論0 收藏0
ES6~你跟箭頭函數(shù)升華之路

摘要：箭頭函數(shù)簡(jiǎn)單的定義胖箭頭函數(shù)，又稱箭頭函數(shù)，是一個(gè)來(lái)自又稱的全新特性。箭頭函數(shù)是新增加的一個(gè)特性。使用箭頭函數(shù)的注意點(diǎn)箭頭函數(shù)在參數(shù)和箭頭之間不能換行。值得注意的一點(diǎn)就是對(duì)象的指向是可變的，但在箭頭函數(shù)內(nèi)是固定的。箭頭函數(shù) 1. 簡(jiǎn)單的定義：胖箭頭函數(shù) Fat arrow functions，又稱箭頭函數(shù)，是一個(gè)來(lái)自ECMAScript 2015（又稱ES6）的全新特性。有傳聞?wù)f，...

Faremax 2019-08-21 17:16 評(píng)論0 收藏0