tag this

標籤
貢獻28
90
09:58 AM · Nov 03 ,2025
icecreamlj 頭像 immerse 頭像 linyuyizhizou_678b9fdc436f1 頭像 yguang 頭像 powerful_simon 頭像 awood_605c529da06bc 頭像 ipromise 頭像 feng_6040925ca613e 頭像 gracetangyi 頭像 harden_5d038df8a012e 頭像 liuxk 頭像 yinzhixiaxue 頭像

@this / 博客 RSS 訂閱

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

收藏 評論

yinzhixiaxue 頭像

銀之夏雪 - this你瞭解多少呢

執行上下文 js在執行代碼之前，需要經過一系列的“準備”，這被稱為執行上下文 ，其包含詞法環境 和this 。所有的 js 代碼在運行時都是在執行上下文中進行的，每創建一個執行上下文，就會將當前執行上下文放到一個棧頂，這就就是我們常説的執行棧 。 執行上下文的創建 何時創建執行上下文 JavaScript 中有三種情形會創建新的執行上下文： 全局執行上下文 ，進入去全局代碼的時候。任何不在函數

面試 , this , 前端 , Javascript

收藏 評論

immerse 頭像

沉浸式趣談 - 熱點面試題：聊聊對 this 的理解？

前言 歡迎關注 『前端進階圈』 公眾號 ，一起探索學習前端技術...... 前端小菜雞一枚，分享的文章純屬個人見解，若有不正確或可待討論點可隨意評論，與各位同學一起學習~ 聊聊對 this 對象的理解？ 定義 在執行上下文中的一個屬性，它指向最後一次調用這個屬性或方法的對象。通常有四種情況來判斷。 四種情況如下 1. 函數調用模式：當一個函數不是一個對象的屬性時，直接作為函數來調用時

面試問題 , this , javascript專題系列 , 前端 , Javascript

收藏 評論

steven_code 頭像

Steven - 瀏覽器中的JavaScript執行機制

在瀏覽器中，JavaScript 代碼通常是通過若干個 script 標籤引入的。而瀏覽器在執行每個 script 標籤時，會有如下特點： 每個 script 標籤引入的 JavaScript 代碼，都是一個宏任務（也就是説，微任務隊列必須在下一個script標籤執行前，全部執行完畢）。 那麼，每個 JavaScript代碼的執行機制是什麼的呢？接下來詳細介紹一下。 變量提升 每一段 Jav

閉包 , 執行上下文 , this , 作用域鏈 , Javascript

收藏 評論

guisijun 頭像

歸思君 - JavaScript中的this指向哪？

大家好，我是歸思君 一、引言 this可以説是前端開發中比較常見的一個關鍵字，由於其指向是在運行時才確定，所以大家在開發中判斷其方向時也會很模糊，今天就把this的指向問題拆開了，揉碎了，好好講一講。 先來看一個場景，看看該處的 this 應該指向哪：首先在 request.js 中定義一個 getAction 函數 export function getAction(url,paramet

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

收藏 評論

immerse 頭像

沉浸式趣談 - 熱點面試題：聊聊對 this 的理解？

前言 歡迎關注 『前端進階圈』 公眾號 ，一起探索學習前端技術...... 前端小菜雞一枚，分享的文章純屬個人見解，若有不正確或可待討論點可隨意評論，與各位同學一起學習~ 聊聊對 this 對象的理解？ 定義 在執行上下文中的一個屬性，它指向最後一次調用這個屬性或方法的對象。通常有四種情況來判斷。 四種情況如下 1. 函數調用模式：當一個函數不是一個對象的屬性時，直接作為函數來調用時

面試 , 面試問題 , this , 前端 , Javascript

收藏 評論

xiaoniuhululu 頭像

小牛呼嚕嚕 - 談談JAVA中對象和類、this、super和static關鍵字

Java對象究竟是什麼？ 對象：對象是類的一個實例，有狀態和行為。 類：類是一個模板，它描述一類對象的行為和狀態。 例如 人 是一個類 其狀態有：姓名、性別、身高、體重等 其行為：吃飯、睡覺、聊天、運動等 public class Person { /** * 狀態 or 屬性 */ String name

supervisor , static , 類 , this , JAVA

收藏 評論

i_62f4ad94a52ca 頭像

用户bPc1FjG - 【Java】this、super關鍵字，代碼塊介紹

文章目錄 一. this引用 1. this引用的介紹 this引用是成員方法的參數之一，不需要用户傳遞實現，由編譯器自動完成，也就是説，這個參數用户是看不到的，但用户可使用這個參數。 this引用指向當前對象(成員方法運行時調用該成員方法的對象)，在成員方法中所有成員變量的操作，都是通過該引用去訪問。 只不過所有的操作對用户是透明的，即用户不需要來傳遞，編譯器自動完成。 this 引用的

ecmascript-6 , supervisor , this , JAVA , 前端

收藏 評論

hero123 頭像

hero - 理解JavaScript中的this

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

this的用法 , this , 前端 , Javascript

收藏 評論

huaihuaidedianti 頭像

壞壞的電梯 - JavaScript飛鳥中的新聖箭頭搭建函數：盤口如何使用二開Fat & Concise微投語法（下）

【TG＿duoteJG】多特工作室傑哥duotee.com版權所有，禁止轉載 微信飛鳥箭頭搭建函數如何處理this關鍵字 關於微信飛鳥箭頭搭建函數要記住的盤口最重要的事情是它們處理this新聖飛鳥二開關鍵字的方式。特別是，this箭頭搭建函數內的盤口關鍵字不會反彈。 為了説明這意味着什麼，請查看下面的演示： [codepen_embed height=”300″ default_tab=”html

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

收藏 評論

atguigu 頭像

小谷哥 - js 之 this 指向問題 - 函數執行上下文中的 this

函數執行上下文中的 this 在上面我們知道，一般的調用方法，是調用 window 上的方法。 那怎麼獲取當前函數的 this 呢？ 1 通過 call/bind/apply 改變 this this.myName = 'jszhang'; let foo = function() { this.myName = 'zhangsan'; } foo(); console.log(window.

this

收藏 評論

zengjingdeshaonian 頭像

曾經的少年 - javascript 中this的指向

js中this的指向比較繞，和其他語言可能有所不一樣，看很多資料舉的例子也很繞，這裏自己做一下記錄，方便牢記： let a={ a:1, check:function(){ //這裏的this指向的是該對象a的; console.log('check:',this); //匿名函數function() 會把this提升的指向wind

this , Javascript

收藏 評論

linyuyizhizou_678b9fdc436f1 頭像

小帆聊前端 - JS this取值深度解讀

JS this取值深度解讀 前言：被 this 折磨的前端日常 “為什麼函數裏的 this 一會兒是 window，一會兒是 undefined？” “對象方法裏的 this，賦值給變量後調用怎麼就指向全局了？” “箭頭函數的 this 為什麼跟外層函數一模一樣，改都改不了？” “用 new 創建實例時，this 明明指向實例，怎麼返回個對象就變了？” this 是 JavaSc

this , 前端 , Javascript

收藏 評論

niumingxin 頭像

微言 - this 指針詳解

概念 this 是當前函數/當前模塊的運行環境上下文。是一個指針型變量，普通函數中的 this 是在調用時才被綁定確認指向的。 通過不同的 this 調用同一個函數，可以產生不同的結果。 到底如何確認 this 綁定的內容是什麼？ this 綁定的規則 1.默認綁定 function a() {} a(); 函數獨立調用的時候，不帶任何修飾的函數引用. 非嚴格模式下 this 指向全局對象

this , 前端 , Javascript

收藏 評論

iymxpc3k 頭像

前端css和js乾貨 - 煩人的this,7個關於js關鍵詞的面試題

更多文章詳見公眾號【前端css和js乾貨】 在 JavaScript 中，this是函數的調用上下文。 難度在於this具有複雜的行為。 本文，整理了一個關於this關鍵字的7個有趣面試問題的列表。 注意：下面的 JavaScript 片段在非嚴格模式下運行，也稱為 sloppy 模式。 1: 變量 vs 屬性 以下代碼會在控制枱打印什麼： const object = { m

箭頭函數 , this , 前端 , Javascript

收藏 評論

icecreamlj 頭像

一顆冰淇淋 - 自定義javascript中call、bind、apply方法

call、bind、apply都是Function原型上的方法，用於改變this的指向 自定義函數 js中的call、bind、apply是用c++代碼實現的，我們這裏使用js代碼做一個模式，沒有把所有的邊界情況考慮進來，僅做一個簡單的實現，三個函數在使用的時候有一些需要注意的地方，在定義的時候需要把這些情況考慮進去 當傳入的值是基本數據類型時，call、apply、bind方法會將它轉變成引

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

收藏 評論

nealyang231 頭像

isNealyang - 【THE LAST TIME】this：call、apply、bind

前言 The last time, I have learned 【THE LAST TIME】一直是我想寫的一個系列，旨在厚積薄發，重温前端。 也是給自己的查缺補漏和技術分享。 歡迎大家多多評論指點吐槽。 系列文章均首發於公眾號【全棧前端精選】，筆者文章集合詳見Nealyang/personalBlog。目錄皆為暫定 講道理，這篇文章有些拿捏不好尺度。準確的説，這篇文章講解的內容基本算是基礎的

apply , this , bind , 前端 , Javascript

收藏 評論

cheng_5a90d02685a12 頭像

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

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

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

收藏 評論

liuxk 頭像

liuxk - JavaScript基礎--this解析

this關鍵字是javascript中最複雜的機制之一。它是一個很特別的關鍵字，被自動定義在所有函數的作用域中。 this既不指向函數本身也不指向函數的語法作用域。 this是在函數被調用時發生的綁定，this的綁定和函數聲明的位置沒有任何關係，它指向什麼完全取決於函數在哪裏被調用。 調用位置：是函數在代碼中被調用的位置,而不是聲明的位置。 this的4條綁定規則 * 默認綁定 *

call , apply , 箭頭函數 , new , this

收藏 評論

harden_5d038df8a012e 頭像

harden - ES5 call,apply,bind方法總結（包括理解this的指向問題）

總結call,apply,bind方法的理解使用和區別。 call,apply,bind這三個方法在JavaScript中是用來改變函數調用的this指向。那麼改變函數this指向有什麼用呢？我們先來看一段代碼 var a= { name:'harden', fn:function () { console.log(this.name); } } var b

call , apply , this , bind , Javascript

收藏 評論