公交车上荫蒂添的好舒服的电影-公用玩物(np双xing总受)-公用小荡货芊芊-公与妇仑乱hd-攻把受做哭边走边肉楼梯play-古装一级淫片a免费播放口

LOGO OA教程 ERP教程 模切知識交流 PMS教程 CRM教程 開發(fā)文檔 其他文檔  
 
網(wǎng)站管理員

JavaScript的this這個難點(diǎn),難倒了多少小程序員!

admin
2025年1月13日 18:58 本文熱度 779
JavaScript作為一門高級的、解釋型的編程語言,從誕生至今已有30年時間!應(yīng)用也越來越廣泛,從前端到后端  移動端 PC端 可謂無處不在!那么今天要講的就是JavaScript最經(jīng)典的難點(diǎn) this指向問題!

?

this關(guān)鍵字是一個既強(qiáng)大又復(fù)雜的概念。它通常用于引用當(dāng)前對象的上下文,但在不同的場景下,this的指向可能會發(fā)生變化。

一、this的基本含義

this在JavaScript中是一個特殊的關(guān)鍵字,它代表當(dāng)前執(zhí)行上下文中的一個對象。在大多數(shù)情況下,this指向調(diào)用它的對象。然而,在函數(shù)、箭頭函數(shù)、構(gòu)造函數(shù)、以及事件處理器等不同的上下文中,this的指向可能會有所不同。

二、this在不同場景下的指向

  1. 全局上下文

在全局執(zhí)行上下文中(即不在任何函數(shù)內(nèi)部),this指向全局對象。在瀏覽器環(huán)境中,全局對象是window;在Node.js環(huán)境中,全局對象是global

console.log(this === window); // 在瀏覽器中輸出 trueconsole.log(this === global); // 在Node.js中輸出 true
2.函數(shù)上下文

在普通函數(shù)中,this的指向取決于函數(shù)的調(diào)用方式。

  • 作為對象的方法調(diào)用

    :當(dāng)函數(shù)作為對象的一個方法被調(diào)用時,this指向該對象。

const obj = {  name'Alice',  sayHellofunction() {    console.log(`Hello, my name is ${this.name}`);  }};obj.sayHello(); // 輸出 "Hello, my name is Alice"
3.作為普通函數(shù)調(diào)用
:當(dāng)函數(shù)不是作為對象的方法被調(diào)用時(即作為獨(dú)立函數(shù)),在非嚴(yán)格模式下,this指向全局對象;在嚴(yán)格模式下(使用'use strict'),thisundefined
function sayHello() {  console.log(this);}sayHello(); // 在非嚴(yán)格模式下輸出 window(或global),在嚴(yán)格模式下輸出 undefined
4.使用callapplybind方法
這些方法允許你顯式地設(shè)置this的指向。
const obj2 = { name'Bob' };sayHello.call(obj2); // 輸出 obj2 對象
5.箭頭函數(shù)

箭頭函數(shù)沒有自己的this綁定。它們會捕獲其所在上下文的this值作為自己的this值,這種行為稱為“詞法作用域”或“靜態(tài)作用域”。

const obj3 = {  name'Charlie',  sayHello() => {    console.log(this.name); // 注意:這里的this不會指向obj3  }};obj3.sayHello(); // 輸出全局對象的name屬性(如果未定義則為undefined)
6.構(gòu)造函數(shù)

在構(gòu)造函數(shù)中,this指向新創(chuàng)建的對象實(shí)例。

function Person(name) {  this.name = name;}const person1 = new Person('David');console.log(person1.name); // 輸出 "David"

7.事件處理器

在事件處理器中,this通常指向觸發(fā)事件的元素。

document.getElementById('myButton').addEventListener('click'function() {  console.log(this); // 輸出被點(diǎn)擊的按鈕元素});

總結(jié)

  • 1.this的指向取決于函數(shù)的調(diào)用方式,而不是函數(shù)被定義的位置。

  • 2.箭頭函數(shù)沒有自己的this綁定,它們會捕獲其所在上下文的this值。
  • 3.在使用this時,要特別注意函數(shù)的調(diào)用方式以及是否處于嚴(yán)格模式。
  • 4.理解this的指向是掌握J(rèn)avaScript面向?qū)ο缶幊痰年P(guān)鍵。

該文章在 2025/1/13 18:58:13 編輯過
關(guān)鍵字查詢
相關(guān)文章
正在查詢...
點(diǎn)晴ERP是一款針對中小制造業(yè)的專業(yè)生產(chǎn)管理軟件系統(tǒng),系統(tǒng)成熟度和易用性得到了國內(nèi)大量中小企業(yè)的青睞。
點(diǎn)晴PMS碼頭管理系統(tǒng)主要針對港口碼頭集裝箱與散貨日常運(yùn)作、調(diào)度、堆場、車隊(duì)、財(cái)務(wù)費(fèi)用、相關(guān)報表等業(yè)務(wù)管理,結(jié)合碼頭的業(yè)務(wù)特點(diǎn),圍繞調(diào)度、堆場作業(yè)而開發(fā)的。集技術(shù)的先進(jìn)性、管理的有效性于一體,是物流碼頭及其他港口類企業(yè)的高效ERP管理信息系統(tǒng)。
點(diǎn)晴WMS倉儲管理系統(tǒng)提供了貨物產(chǎn)品管理,銷售管理,采購管理,倉儲管理,倉庫管理,保質(zhì)期管理,貨位管理,庫位管理,生產(chǎn)管理,WMS管理系統(tǒng),標(biāo)簽打印,條形碼,二維碼管理,批號管理軟件。
點(diǎn)晴免費(fèi)OA是一款軟件和通用服務(wù)都免費(fèi),不限功能、不限時間、不限用戶的免費(fèi)OA協(xié)同辦公管理系統(tǒng)。
Copyright 2010-2025 ClickSun All Rights Reserved

主站蜘蛛池模板: 福利小视频在线播放 | 成人国内精品久久久久一区 | 国产精品一国产av麻豆 | 国产av天堂无码一区二区三区 | 国产精品亚洲综合第一页 | 国产精品福利一区二区久久 | 国产在线码观看超清无码视频 | 国精产品一品二品国在线 | 国产日韩激情综合一区 | 国产三级在线播放线 | 岛国毛片在线观看亚洲 | 国产成人综合亚洲亚洲国产第一页 | 国产在线a免费观看 | 国产黄色网址在线观看 | 国产午夜精品理论片a级在线观看 | 国产日韩av片在线观看 | 国产麻豆精品免费va | 精品一区二区高清在线观看 | 国产高清午夜人成在线观看 | 国产无码专区精品 | 东京热在线 | 国产一区二区三区地区 | 国产主播在线观看专区 | 国产91精品无码a片在线看 | 国产高清美女一级a毛片久久w | 2025国产乱人伦在线播放 | 91精品国产高清91久久 | 高清在线亚洲精品国产二区 | 国产成人高清精 | 国产一区视频在线播放 | 国产私拍福利视频 | 国产欧美精品一区二 | 国产成人亚洲精品大帝 | 国产黄三级精品在线观看播放 | 国产午夜男女无遮挡拍拍视频 | 国产一级毛片又粗又黄又硬 | 国产成人免费āv片在线观看 | 国产美女精品91禁 | 国产性大片免费播放网站 | 成人欧美日韩一区二区三区 | 国产精品国内自产拍在线播放 |