JS--this關鍵字

阿新 • • 發佈：2021-02-02

技術標籤：JS js

文章目錄

一、this呼叫區域性變數與全域性變數
二、this當做引數

一、this呼叫區域性變數與全域性變數

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>this關鍵字</title>
		<script type="text/javascript">
			var name = "out";
			var foo = {
				name: 
 "in",
				getName: function() {
					console.log(this.name);
					return function() {
						console.log(this.name);
					}
				}
			}
			foo.getName()();
		</script>
	</head>
	<body>
	</body>
</html>

在這裡插入圖片描述
輸出為什麼是in和out？
其實方法的呼叫foo.getName()();可以看做是2步：

1
var f1 = foo.getName();
2
var f2 = f1();

foo呼叫的是區域性變數，所以控制檯輸出in；而foo的返回值f1也是個方法，且此時f1是全部變數，所以f1輸出的name是全域性變數。

二、this當做引數

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>this關鍵字2</title>
		<script type="text/javascript">
			var  name = "out";
			function 
 f1(bb){
				alert(bb.name);
			}
			function f2(){
				alert(this.name);
			}
		</script>
	</head>
	<body>
		<button onclick="f1(this)" name="名字">按鈕1</button>
		<button onclick="f2()">按鈕2</button>
	</body>
</html>

按鈕1：
在這裡插入圖片描述
按鈕2：

在按鈕1的定義中，this被當做引數傳入，此時this代指的是當前所在標籤對應的DOM物件；
而在按鈕2中this代指的是呼叫f2方法的物件（這裡可以認為是全域性的最大的物件）

JS this關鍵字在ajax中使用出現問題解決方案

背景：　　在一次web網站開發維護中，使用手機驗證碼進行登入。再點選獲取手機驗證碼時，驗證碼按鈕並沒有置灰，同時也沒有出現倒數讀秒的效果。

JS--this關鍵字

技術標籤：JSjs 文章目錄一、this呼叫區域性變數與全域性變數二、this當做引數

記一次使用js中的this關鍵字在ajax中使用，因傳入的this物件不同而引起的問題。

背景：　　在一次web網站開發維護中，使用手機驗證碼進行登入。再點選獲取手機驗證碼時，驗證碼按鈕並沒有置灰，同時也沒有出現倒數讀秒的效果。

JS學習之this關鍵字上

技術標籤：筆記javascript JS學習之this關鍵字–上 1.this關鍵字的含義: this關鍵字是一個非常重要的語法點.毫不誇張地說,不理解它的含義,大部分開發任務都無法完成.

this關鍵字在JAVA和JS中的異同

this在JS中的用法由於js中this 是在執行期進行繫結的，所以js中的 this 可以是全域性物件、當前物件或者任意物件，這完全取決於函式的呼叫方式。JavaScript中函式的呼叫有以下幾種方式怎麼區別：

c# this關鍵字用法程式碼詳解

用法1 為原始型別擴充套件方法先說一下，this 後面跟的型別，就是要拓展方法的型別。注意要寫在靜態類中的靜態方法，不然有些情況下訪問

vue.js this.$router.push獲取不到params引數問題

主要通過兩種方式傳參 1.query方式傳參和接受引數 this.$router.push({ path:\'/xxx\' query:{

js this 繫結機制深入詳解

本文例項講述了js this 繫結機制。分享給大家供大家參考，具體如下：函式呼叫位置

this關鍵字

this關鍵字，在不同物件中不同的值，它所取決於它使用的位置在方法中，this指的是所有者物件。

React 【事件處理】React事件和DOM事件、this關鍵字的處理、向事件處理程式傳遞引數、向父元件傳遞引數、React事件機制

目錄： 1. React 事件和 DOM 事件　　如何在 React 中新增事件　　React 事件和傳統 DOM 事件處理異同

徹底搞懂js this指向問題

在這裡必須要提一句的是，this指向是學習js必須要掌握的(必須），再開始之前先看底部的總結，然後回上面看例子便一目瞭然。

this關鍵字（實用整理）

最近學習：this關鍵字涵義：this就是屬性或方法“當前”所在的物件。JavaScript 語言之中，一切皆物件，執行環境也是物件，所以函式都是在某個物件之中執行，this就是函式執行時所在的物件（環境）。this

32.java的this關鍵字

this關鍵字疑問：建立的p物件為什麼沒有值。解答：name與age在指定的建構函式裡面已經存在，當name=name這個語句執行的時候，如果jvm在該方法內能尋找到該變數，則不會去尋找成員變數，那麼要想指定給成員變數或物

JavaScript this關鍵字指向常用情況解析

在之前寫程式碼的經歷中，常常試過寫著寫著this就莫名其妙的不知道指向到哪裡去了。今天看了曾探的javascript設計模式，裡面特別談到了this在不同情況下指代的物件，非常有意思。

java中this關鍵字的使用

參考連結：https://www.cnblogs.com/zheting/p/7751752.html 一個物件建立後會有一個this指標指向它。所以this只能在類中的非靜態方法中使用，靜態方法和靜態的程式碼塊中絕對不能出現this，並且this只和特定的物件

C++裡面this關鍵字的用法和功能

1.this指標的用處　　一個物件的this指標並不是物件本身的一部分，不會影響sizeof(物件)的結果。this作用域是在類內部，當在類的非靜態成員函式中訪問類的非靜態成員的時候，編譯器會自動將物件本身的地址作為一個隱

面向物件（上）--- this關鍵字

This關鍵字 this關鍵字的使用： this可以用來修飾：屬性、方法、構造器this修飾屬性和方法：

this關鍵字訪問控制符 java

this 概念：代表本類物件的一個引用物件建構函式中，this()必須放第一行。使用場景：當區域性變數和成員變數重名的時候，呼叫成員變數

一起來學習一下this關鍵字

一、定義　　this是在函式被呼叫時確定的，它的指向完全取決於函式呼叫的地方，而不是它被宣告的地方（箭頭函式除外）。當一個函式被呼叫時，會建立一個執行上下文，它包含函式在哪裡呼叫（呼叫棧）、呼叫方式、引數

private關鍵字和this關鍵字

private的基本概念：私有的，一種訪問許可權修飾符，用來修飾類的成員特點：