JavaScript中this指针学习整理

最新推荐文章于 2023-03-14 10:10:22 发布
原创 最新推荐文章于 2023-03-14 10:10:22 发布 · 186 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#js #javascript

JavaScript中this指针学习整理

1.以普通函数调用时

非严格模式下 this指向window

在这里插入图片描述

在这里插入图片描述

严格模式下 undefined

在这里插入图片描述

在这里插入图片描述

2.以方法形式调用时，this就是调用方法的对象

在这里插入图片描述

在这里插入图片描述

3.以构造函数的形式调用时，this是新创建的对象

在这里插入图片描述

在这里插入图片描述

4.call()、apply()调用 改变this指向

语法：

func.call([thisArg[, arg1, arg2, …argN]])

func.apply(thisArg, [argsArray])

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

call()、apply()方法可以从一个对象使用另一个对象方法，不必重写

5.箭头函数调用

在这里插入图片描述

在这里插入图片描述

因为 => 函数没有自己this，而是上下文中的this，也可以理解为上一级中的this

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

5.bind()方法绑定this

语法：let boundFunc = func.bind(thisArg[,arg1[,arg2[,…argN]]])

在这里插入图片描述

深入认识JavaScript中的this指针
huxin1的专栏
11-06 758
    this指针是面向对象程序设计中的一项重要概念，它表示当前运行的对象。在实现对象的方法时，可以使用this指针来获得该对象自身的引用。　　和其他面向对象的语言不同，JavaScript中的this指针是一个动态的变量，一个方法内的this指针并不是始终指向定义该方法的对象的，在上一节讲函数的apply和call方法时已经有过这样的例子。为了方便理解，再来看下面的例子：代码片段
Javascript this指针详解
似水流年
06-05 7961
Javascript是一门基于对象的动态语言，也就是说，所有东西都是对象，一个很典型的例子就是函数也被视为普通的对象。Javascript 可以通过一定的设计模式来实现面向对象的编程，其中this “指针”就是实现面向对象的一个很重要的特性。但是this也是Javascript中一个非常容易理解错，进而用错的特性。特别是对于接触静态语言比较 久了的同志来说更是如此。 示例说明 我们先来看一
JavaScript的this指针
weixin_47863547的博客
03-22 508
一.普通函数this //单独使用 指向全局对象 window console.log(this);//window 1.方法调用形式 当函数被保存为一个对象的属性时，它就可称为这个对象的方法。当一个方法被调用时，this被绑定到这个对象上。如果调用表达式包含一个提取属性的动作（. 或 []），那么它被称为方法调用。 let person={ name:'liming', eat:function(){ console.log(t
JavaScript之this指针
simon的博客
05-07 538
文章目录this介绍this的绑定规则默认绑定隐式绑定显式绑定JS原生函数的this绑定规则new绑定绑定规则的优先级this番外忽略显式绑定间接函数引用箭头函数 this介绍 this在JavaScript中是一个关键字，用来代表上下文中的一个对象。因此this就是指向一个对象。 但是在不同的作用域中，this的指向就不同，在全局作用域中，this指向window console.log...
JavaScript中的this指针详解
不想学习的打工人的博客
03-14 653
this是 JavaScript 语言的一个关键字，它是函数运行时，在函数体内部自动生成的一个对象，只能在函数体内部使用。简而言之，this就是函数运行时所在的环境对象。
JavaScript中的this指针
weixin_45818002的博客
02-26 340
文章目录1. 全局对象2. this3. apply和call 1. 全局对象 在说this之前，首先要知道，在JavaScript中，有一个默认是全局对象window。 例如，我们定义了一个全局作用域的变量x: var x = 'hello javascript'; 那么我们所定义的x实际为window.x。JavaScript中函数也是变量的一种。 2. this 如果在一个对象中，将对象中...
JavaScript this指针的理解
m0_64674611的博客
03-28 1537
一.this 指针的理解 借鉴参考http://www.cnblogs.com/kongxy/p/4581223.html this 是 js 的关键字，代表函数运行时，自动生成的一个内部对象。只能在函数内部使用。 this 指针至于函数的执行环境有关与声明环境无关 二.this 指针的四种调用方式 1.方法调用模式 当函数为一个对象属性的时候被称为方法， 当一个方法被调用时 this 绑定到这个对象上。如果被调用表达式有一个提取动作 点或者是[ ] 那么这样的就称之为方法调用模式。 <scri
js this指针
xuefeng860507的专栏
07-02 2187
this指针是面向对象程序设计中的一项重要概念，它表示当前运行的对象。在实现对象的方法时，可以使用this指针来获得该对象自身的引用。和传统意义的面向对象的语言不同，JavaScript 中的this 指针是一个动态的变量，一个方法内的this指针并不是始终指向定义该方法的对象的，在上一节讲函数的apply和call方法时已经有过这样的例子。为了方便大家理解，再来看下面的例子：从代码的执行
JS里有指针么?
weixin_34107955的博客
11-01 1063
提到 js 指针，其实我是懵圈儿的，准确来说，应该是没有的，引用倒是满天飞。不过下面的这个例子值得看看。 Are there pointers in javascript? No, JS doesn’t have pointers. Objects are passed around by passing a copy o...
JS中的this指针详解
Coder Ben's Writing
03-05 3946
原文地址：http://www.cnblogs.com/kongxy/p/4581223.html （内容根据自己理解，有改动）         JS中this关键字很常见，但是它似乎变幻莫测，让人抓狂。这篇文章就来揭示其中的奥秘。      借助阮一峰老师的话：它代表函数运行时，自动生成的一个内部对象，只能在函数内部使用。这句话看似平常，可是要非常注意三个字：“运行时”，这说明th
javascript指针
sang_zb的专栏
03-13 677
其实起这个题目不太好，有点标题党的嫌疑，这里不会介绍在js的世界中，内存中的堆和栈是怎么来存储对象和怎样相互引用的。。。 问题从一小段代码开始 function foo(){ console.log(1); foo=function(){ console.log(2) } } foo() //1 foo() //2脑图过一下貌似就是这两个结果，所以没有什么疑问 fu
第22篇 js中的this指针的用法
weixin_34204057的博客
11-17 236
前面把js的相关知识总结了下，今天把js中的上下文的this,对于强类型语言，this的用法非常的单一，因为他们没有js特有的动态绑定。 首先看下面代码： function funcA() { this.name = "hello"; console.log(this.name); this.show = function() { ...
js 中的this指针
m0_66397707的博客
03-30 893
this 指针 文章目录this 指针含义this 的指向模式函数调用一般函数调用构造函数 newbind() call() apply()对象的方法调用优先级规则 含义 -this 代表当前正在执行某个方法的对象，this 总是指向调用该方法的对象。 this 的指向模式 函数调用，在一个单纯的函数里面，this 的指向 window，因为是 window 调用的函数补： 构造函数 new 下调用，this 指向被构造的新对象 / appl，call bind 的调用，this 指向第一个参数 对象里的
JS中的this指针
weixin_30332241的博客
12-26 271
1、JS中this指针指向 JS中函数的 this 并不遵守词法作用域规则（即作用域由声明时所处的位置决定），而是取决于函数的调用方式 影响 this 指针的因素有以下： 方法是否由某个对象调用，比如：obj.test() 是否是独立函数调用，比如：test() 是否使用函数的call、apply、bind 等方法进行 this 的绑定，比如：test.apply(obj2...
js中this指针
weixin_44564719的博客
02-10 525
this到底指向谁，这是一个很头疼的问题，经常我们会把他给搞混，实际上只要记住this的最终指向的是那个调用它的对象(也有点不准确，大部分都是) function a(){ console.log(this); //Window } a(); 这就是上面说的this最终指向的是调用它的对象。 var a = { user:&amp;quot;name&amp;quot;, fun:function(){ ...
js中的this指针
阳光下的冷静的博客
04-09 328
js中的this
js的this指针
奋斗不息·折腾不止
07-23 1575
this是js的一个关键字，指向当前函数的调用对象。 1、函数调用 function test() { this.v = 1; alert(this,v); } test(); //1 this指向全局对象window 另一种形式可以证明this指向window var v = 1; function test() { this.v = 2; } test(); //2
this指针和that指针的用法
最新发布
04-23
<think>好的，我需要回答用户关于C++和JavaScript中this指针和that指针用法的问题。首先，我需要明确用户的问题重点。用户提到了“this指针和that指针的用法”，但根据我的知识，在C++和JavaScript中主要使用this关键字，而“that指针”可能是指在某些情况下为了保留this而创建的别名，比如在JavaScript闭包中常见到var that = this;这样的写法。因此，我需要先确认用户的问题是否涉及这两种语言中的this以及常见的that别名用法。 接下来，我需要整理C++中this指针的基本概念和用法。C++中的this是一个指向当前对象的指针，隐式存在于成员函数中，用于区分成员变量和局部变量，以及链式调用。需要举例说明，比如在构造函数或成员函数中使用this->x来访问成员变量。 然后是JavaScript中的this关键字，它的行为与C++不同，取决于函数的调用方式。需要解释默认绑定、隐式绑定、显式绑定（call, apply, bind）、new绑定以及箭头函数中的this。同时，要提到在闭包或嵌套函数中，为了保持外层this的引用，常用var that = this;或const that = this;的做法。这里需要举一个例子，比如在事件处理函数中，内部函数可能丢失this，因此用that来保存。 接着，我需要比较C++和JavaScript中this的差异。C++的this是静态绑定的，编译时确定，而JavaScript是动态绑定的，运行时确定。此外，JavaScript中的this可以灵活改变，而C++的this是固定指向当前实例的指针。 然后，根据用户提供的引用，检查是否有相关的内容可以引用。用户提供的引用中有关于C++代码编译为WebAssembly的例子（引用[1]），结构体定义（引用[2]），代码格式化（引用[3]），以及WebRTC编译（引用[4]），这些似乎与this和that指针没有直接关联。但可能需要确认是否有其他隐含的联系，比如结构体中的方法是否涉及this，但引用[2]是Rust的结构体示例，所以可能不适用。因此，用户提供的引用可能对当前问题帮助不大，但需要确保回答正确，不引用不相关的内容。 接下来，生成相关问题部分，需要考虑用户可能进一步询问的内容，比如常见错误、如何绑定this、不同语言中的区别、箭头函数的影响等。 最后，确保回答结构清晰，分点说明，代码示例正确，并正确使用LaTeX格式，比如变量用$...$包裹，独立公式用$$...$$，但在这个问题中可能不需要数学公式，所以主要注意代码块的格式和正确性。 总结步骤： 1. 解释C++中的this指针，包括用途和示例。 2. 解释JavaScript中的this关键字，不同绑定方式和示例。 3. 介绍JavaScript中使用that作为this别名的常见做法及示例。 4. 比较两种语言中this的差异。 5. 生成相关问题，帮助用户深入理解。</think>在C++和JavaScript中，`this`指针/关键字的行为差异显著，而`that`指针是开发者为了解决作用域问题创造的临时变量。以下是详细解析： --- ### 一、C++中的`this`指针 #### 1. 基本概念 - **指针类型**：`this`是**指向当前对象的指针**，隐式存在于所有非静态成员函数中。 - **作用**： - 区分成员变量与局部变量：例如在构造函数`Point(int x, int y) { this->x = x; this->y = y; }`中[^2]。 - 支持链式调用：通过返回`*this`实现，如`obj.setX(1).setY(2)`。 - 在运算符重载中明确操作对象：如`Complex operator+(const Complex& other) { return Complex(this->real + other.real, ...); }`。 #### 2. 代码示例 ```cpp class Circle { private: double radius; public: void setRadius(double radius) { this->radius = radius; // 明确成员变量 } Circle& scale(double factor) { radius *= factor; return *this; // 链式调用 } }; ``` --- ### 二、JavaScript中的`this`关键字 #### 1. 动态绑定规则 - **默认绑定**：全局对象（非严格模式）或`undefined`（严格模式）。 ```javascript function show() { console.log(this); } show(); // 浏览器中输出Window对象 ``` - **隐式绑定**：通过对象调用时，`this`指向该对象。 ```javascript const obj = { name: "test", log() { console.log(this.name); } }; obj.log(); // 输出"test" ``` - **显式绑定**：通过`call`/`apply`/`bind`强制指定`this`。 ```javascript function greet() { console.log(this.name); } greet.call({ name: "Alice" }); // 输出"Alice" ``` - **new绑定**：构造函数中`this`指向新创建的实例。 ```javascript function Person(name) { this.name = name; } const p = new Person("Bob"); ``` - **箭头函数**：继承外层作用域的`this`，无法通过上述规则修改。 ```javascript const obj = { run: () => { console.log(this); } // 此处this指向外层（如Window） }; ``` #### 2. `that`指针的用途 在嵌套函数或闭包中，通过`const that = this`保留外部函数的`this`引用： ```javascript class Timer { constructor() { this.seconds = 0; const that = this; setInterval(function() { that.seconds++; // 使用that替代this }, 1000); } } // 或使用箭头函数替代： setInterval(() => { this.seconds++; }, 1000); ``` --- ### 三、C++与JavaScript的关键差异 | 特性 | C++ | JavaScript | |---------------------|----------------------------------|---------------------------------| | **绑定时机** | 编译时确定（静态绑定） | 运行时确定（动态绑定） | | **修改方式** | 不可修改（始终指向当前对象） | 可通过`call`/`apply`/`bind`修改 | | **箭头函数等效行为** | 无 | 通过`that=this`或箭头函数实现 | ---
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值