tag this的用法

標籤
貢獻21
66
10:56 PM · Nov 05 ,2025
user_p5fejtxs 頭像 y_luoe_hai_61a734cbf3c94 頭像 hhepan 頭像 lijing0302 頭像 awood_605c529da06bc 頭像 waweb 頭像 afeng_5fd42c94949f8 頭像 zhizhe_5c6eb6478bd93 頭像 qianduangongchengxiaoniu 頭像 evilboy 頭像 jiushiwoya_5fc6f64f51980 頭像 gracetangyi 頭像

@this的用法 / 博客 RSS 訂閱

jiushiwoya_5fc6f64f51980 頭像

九是我呀 - 再也不怕面試中this的指向問題

參考 【第1318期】深入淺出 JavaScript 關鍵詞 -- this https://juejin.cn/post/684490... 寫這篇文章原因 因為總結面經中遇到了this的指向問題，這也是面試官常問的基礎問題。所以單獨列出來供參考學習 this指向幾點判斷規則 js的函數除了聲明定義的形參之外，每個函數還接受兩個附加參數：this和arguments。this 的值並不是由

this的用法 , Javascript

收藏 評論

taohongjie 頭像

特拉瓦爾多 - 關於 Javascript 中 this 指向的個人總結

JavaScript中的this關鍵字表示當前執行上下文中的對象。this的指向可以根據不同的情況而變化，以下是幾種常見情況： 1. 全局上下文中 全局上下文中： 當在全局作用域中使用this時，它通常指向window對象（在瀏覽器環境中）。例如： console.log(this); // 在瀏覽器中通常指向window對象 2. 函數中 函數中： this在函數內部的指向取決於函數的調用

this的用法 , this , Javascript

收藏 評論

zxl20070701 頭像

zxl20070701 - 關於this指向的一些梳理

函數內 非嚴格模式 通常情況下，定義的函數的this就是window，比如： function doit(){ console.log(this); } doit(); 打印結果： Window {window: Window, self: Window, document: document, name: '', location: Location, …} 嚴格模式 不過，如果開啓了

node.js , this的用法 , this , typescript , Javascript

收藏 評論

hero123 頭像

hero - 理解JavaScript中的this

前言 相信很多人在初學JavaScript的時候都對this的指向問題感覺到比較迷惑。它不像PHP，Java語言中的this有很明確的指向，也不會讓人容易搞混。 在JavaScript中this就是函數調用的上下文，在JavaScript中有四種函數調用： 函數調用，例如alert('hello world') 方法調用，例如console.log('hello world') 構造

this的用法 , this , 前端 , Javascript

收藏 評論

zhuyunbo 頭像

很白的小白 - 深入理解JavaScript之this指針

相信每一個前端的朋友都會遇到過this.xxx is undefined或者this.xxx is not a function的錯誤，明明我們定義了這個xxx，但是還是要報錯？令人百思不得其解，其實就是因為this指針的引用對象中，沒有找到這個定義xxx導致的，因此今天來總結一下this指針的幾種常見的指向問題。 由於this的定義中提到了上下文，因此我們在這裏先簡單的梳理一下Js中的上下文。

apply方法 , this的用法 , this , bind

收藏 評論

mall4j 頭像

mall4j - JavaScript中的this綁定 - springboot實戰電商項目mall4j

springboot實戰電商項目mall4j （https://gitee.com/gz-yami/mall4j) java商城系統源碼 JavaScript中的this綁定 在日常的開發中，我們會經常使用JavaScript中的一個關鍵字：this，在常見的編程語言中，幾乎都有this這個關鍵字，但是JavaScript中的this和常見的變成語言中的this不太一樣， 在常見的變成語言（

this的用法 , this , Javascript

收藏 評論

icecreamlj 頭像

一顆冰淇淋 - 徹底弄懂js中this指向（包含js綁定、優先級、面試題詳解）

為什麼要使用this 在javascript中，this可謂是無處不在，它可以用來指向某些元素、對象，在合適的地方使用this，能讓我們減少無用代碼的編寫 varuser={ name:"aclie", sing:function(){ console.log(user.name+'在唱歌') }, dance:function(){ console.log(user.name+'在跳舞') },

this的用法 , this , Javascript

收藏 評論

bluesbonew 頭像

bluesboneW - this揭秘

搞清楚this這種玄學的東西的機制，作用一自然是應付面試官，作用二就是可以維護別人的爛代碼啦~ 1 前置知識 1.1 對this的一個大誤解 很多人對this有一個潛意識裏的誤解——認為this的值取決於其所在函數是在哪裏聲明的 let obj = { a: function () { console.log(this); }, b: function

this的用法 , Javascript

收藏 評論

cheng_5a90d02685a12 頭像

云溪 - 通俗易懂的this指向總結

this指向是工作和麪試中經常會遇到的問題。 根據個人理解，簡單從3個方面來總結一下this的指向問題。 1. this指向的結論 1. 若是全局函數，並且沒有直接調用它的對象，沒有嚴格模式，則默認指向全局 window或global 2. 若是全局函數，並且沒有直接調用的對象，嚴格模式下，this指向undefined 3. 箭頭函數的this，是在函數定義時根據上下文函數決定的

箭頭函數 , this的用法 , this , 前端 , Javascript

收藏 評論

fengguangping 頭像

Gopal - 深入淺出 JavaScript 中的 this

筆者最近在看 你不知道的JavaScript上卷，裏面關於 this 的講解個人覺得非常精彩。JavaScript 中的 this 算是一個核心的概念，有一些同學會對其有點模糊和小恐懼，究其原因，現在對 this 討論的文章很多，讓我們覺得 this 無規律可尋，就像一個幽靈一樣 如果你還沒弄懂 this，或者對它比較模糊，這篇文章就是專門為你準備的，如果你相對比較熟悉了，那你也可以當做複習鞏固你

this的用法 , 前端 , Javascript

收藏 評論

gracetangyi 頭像

Grace糖衣 - this 指向踩坑總結

一. vue 中使用回調函數使用 this 無效 踩坑場景：vue 實例中綁定 data 的 this 無效 解決方式： 使用箭頭函數解決 let self = this 二. react 中使用回調函數使用 this 無效 踩坑場景：react 內部組件調用時傳入函數參數時，this 指向不對導致函數執行時機不對 解決方式：在函數傳參時使用箭頭函數（也有別的方法，不過此種最方

this的用法 , this , 前端 , Javascript

收藏 評論

y_luoe_hai_61a734cbf3c94 頭像

夨落旳尐孩 - C++的this指針辨析

C++ 的 this 指針 指針在這裏面是非常難理解的東西，所以要根據例子，自己實踐。 在你沒有去具體瞭解之前，不要輕易下結論。 最近，看了《在山的那邊》，又有一點新感悟( •̀ ω •́ )✧ this指針 調用成員函數時，成員函數通過一個名為 this 的隱式參數來訪問調用它的那個對象，用請求該函數的對象地址初始化 this ，this 的指向總是自己這個對象，所以 this 是一

編程語言 , c++ , this的用法

收藏 評論

evilboy 頭像

瘋狂的技術宅 - 這 7 道關於 this 的面試題，你能答對幾個？

在 JavaScript 中，this 是函數調用上下文。正是由於 this 的行為很複雜，所以在 JavaScript 面試中，總是會問到有關 this 的問題。 做好的準備面試的方法是練習，所以本文針對 this 關鍵字整理了 7 個有趣的面試。 注意：下面的 JavaScript 代碼段以非嚴格模式運行。 1：變量與屬性 以下代碼輸出什麼： const object = { messag

面試 , this的用法 , 前端 , Javascript

收藏 評論

qianduangongchengxiaoniu 頭像

Java果果 - Java中關鍵詞之this,super的使用

一.this關鍵詞介紹. 説明:該知識點僅僅限於本人對其瞭解的範圍. package com.study.java.oop; 核心點:"this是指向對象本身的一個指針" 出現的位置: 只能用於方法的方法體內(且該方法是隻能是類中的非靜態方法) 靜態方法和靜態塊中絕對不可使用 使用的方式: this(參數) 調用的是類的構造方法 有參數調用的是 有參構造 無參 調用無參構造 thi

spring , superslide , this的用法 , JAVA , 後端

收藏 評論

zhizhe_5c6eb6478bd93 頭像

執鳶者 - 前端百題斬【014】——js中的這些“this”指向都值得了解

寫該系列文章的初衷是“讓每位前端工程師掌握高頻知識點，為工作助力”。這是前端百題斬的第14斬，希望朋友們關注公眾號“執鳶者”，用知識武裝自己的頭腦。 14.1 簡介 this是javascript中的一個關鍵字，其使用方法類似於一個變量，是執行上下文中一個重要組成部分。其作用是可以在函數體內部獲取當前的運行環境。 14.2 指向 每個函數的this是在調用的時候基於函數的執行環境綁定的，this

面試 , this的用法 , 前端

收藏 評論

afeng_5fd42c94949f8 頭像

xufengww - this到底指向誰？

this關鍵字是JavaScript函數內部的一個對象，this是一個指針，指向調用函數的對象。看似簡單的定義但卻由於在解析this引用過程中可能涉及到執行上下文、作用域鏈、閉包等複雜的機制，導致this的指向問題變得異常複雜。首先必須明白一點，任何複雜的機制都不可能輕而易舉的學懂弄通，因此，本文將與大家一起耐心回顧this對象，歸納總結this的引用機制，希望對你有所幫助。 一、函數到底執行了沒

this的用法 , 前端 , Javascript

收藏 評論

waweb 頭像

哇喔WEB - 手撕JS（可能持續更新···）

  關於實現js中一些常見的方法屬於面試中的常問問題，可能剛開始接觸的時候會一籌莫展。知道和理解其中的原理能夠在日常開發中更如魚得水，面對面試也不成問題。另外，學會以目的（實現的功能）為導向一層一層反推，總結出實現的思路就能按照步驟直接實現或者曲線實現（整理不易記得點贊哈）。 一、call的實現   call() 方法：讓call()中的對象調用當前對象所擁有的function。例如：test.

promise , this的用法 , 前端 , Javascript

收藏 評論

awood_605c529da06bc 頭像

一盞木人 - C++如何通俗理解this指針？解析和用法示例

要理解"this"指針, 重要的是要了解對象如何看待類的函數和數據成員。 每個對象都有自己的數據成員副本。 全部訪問與代碼段中相同的功能定義。 意味着每個對象都有自己的數據成員副本, 並且所有對象共享成員函數的單個副本。 現在的問題是, 如果每個成員函數只有一個副本並且被多個對象使用, 那麼如何訪問和更新適當的數據成員？ 編譯器提供隱式指針以及函數名稱" this"。 " this"

c++ , this的用法 , this , oop , 後端

收藏 評論

lijing0302 頭像

lijing0302 - 徹底搞懂js中this指向

想要理解this，先記住以下兩點： 1：this永遠指向一個對象； 2：this的指向完全取決於函數調用的位置； ①：如果一個函數中有this，但是它沒有被上一級的對象所調用，那麼this指向的就是window，這裏需要説明的是在js的嚴格版中this指向的不是window，但是我們這裏不探討嚴格版的問題(在嚴格版中的默認的this不再是window，而是undefined。) function

this的用法 , Javascript

收藏 評論

user_p5fejtxs 頭像

林一一 - 面試 | JS 經典面試題初篇(this, 閉包, 原型...)含答案

推薦閲讀地址 掘金 github 變量提升 做題前建議先閲讀一遍 徹底解決 JS 變量提升的面試題 面試題 1. 問下面輸出結果 if( !("a" in window) ){ var a = 12 } console.log(a) // undefined 無論條件是否成立都會變量提升，全局下的 var 相當於給 window 設一個屬性 window.a = undefi

閉包 , this的用法 , 原型鏈 , 前端 , Javascript

收藏 評論

user_p5fejtxs 頭像

林一一 - 面試 | 你不得不懂的 JS this 指向

推薦閲讀地址 掘金 前言：大家好，我是林一一，這是一篇關於 this 指向的文章。this 是 JS 中一個特別重要的一個知識點，this 難嗎？好像挺簡單的。看完下面這一篇文章，還不會的話，你別來找我。手動狗頭🐕。 思維導圖 this 的指向 執行函數前有 '.' 點操作符的話，函數體中的 this 就指向前面的對象，沒有就指向 window，嚴格模式下指向 undefined。這句話特

面試 , this的用法 , 前端 , Javascript

收藏 評論

hhepan 頭像

HHepan - angular echarts 折線圖點的個性化設置和操作 以及 this 的指向問題

背景 最近做項目時需要為折線圖（angular 中使用 echarts 畫的圖）上的點設置更加個性化的顯示和操作： 不同數值區間的點以不同顏色顯示。 點擊圖上的點後會執行自定義的操作。 查看官方文檔後發現，這其實並不困難。因為 echatrs 支持以方法的返回值作為圖表中某個屬性的值，也提供了接口以監測點擊事件，可以在其回調函數中設置點擊後的自定義操作。 echarts 官方文檔點擊這裏。

this的用法 , echarts , 前端

收藏 評論