函数中this的指向

最新推荐文章于 2025-07-23 17:26:16 发布

原创最新推荐文章于 2025-07-23 17:26:16 发布 · 85 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html5 #javascript #golang

函数中的this

箭头函数调用

因为箭头函数没有this.所以this.指向包裹它的第一个原始函数

bind call apply

this指向第一个参数.如果参数为空则指向window

普通函数

取决函数如何被调用

new构造函数. this指向它的实例对象
没有new

Object.func 指向的是Object
func 指向的是window
异步调用指向的是window

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

旧友前度丶

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

JavaScript：this指向问题、同步和异步、 JS执行机制、location对象

MDR_0820的博客

10-25

1240

this this 的指向在函数定义的时候是确定不了的只有函数执行的时候才能确定this指向谁一般情况下 this 的最终指向的是那个调用它的对象 .全部作用域或者普通作用函数中 this指向全局对象window （定时器里面的 this指向window）方法调用中谁调用this指向谁 构造函数this指向构造函数 <body> <button> 按钮</button> <script> // this 指向问题

JavaScript函数中this的指向

weixin_44715186的博客

01-29

855

this指向问题

参与评论您还未登录，请先登录后发表或查看评论

函数内的this指向

helongzhi的博客

07-03

288

这些this的指向，是当我们调用函彭赂时候确定的。调用方式的不同决定了this的指向不同一般指向我们的调用者1.普通函数 this 指向window 2.对象的方法 this指向的是对象o 3.构造函数 this 指向ldh这个实例对象原型对象里面的this也是指向ldh这个实例对象 4.绑定事件函数 this指向的是函数的调用者 btn这个按钮对象 5.定时器函数 this指向window 6.立即执行函数 this指向window 一.改变函数内部this 指

js 【详解】函数中的 this 指向

朝阳39的博客

02-23

5369

执行时谁在调用函数，就指向谁

定义函数的方式及this指向问题

qq_44441669的博客

02-15

357

定义函数的方式 1.函数声明 2.函数表达式 var fn = new Function( "var name = 'zs'; console.log(name); " ) fn(); // console.dir(fn) // 这种定义函数的方式解析起来会比前两种慢 // 这种方式的执行过程是这样的。首先把function 中的字符串解析成js代码，然后将js代码解析成cpu可以执行的代码。所以...

理解JavaScript中的this指向问题

ajahhh的博客

09-09

132

this的指向完全取决于函数调用的位置 function fun(){ console.log(this.s); } var obj = { s:'1', f:fun } var s = '2'; obj.f(); //1 fun(); //2 fun函数被调用了两次，显而易见的是两次的结果不一样的。 obj.f()的调用中，因为运行环境在obj对象内，因此函数中的this指向对象obj; 而在全局作用域下调用fun()，函数中的this就会指向全局作用...

浅谈vue使用axios的回调函数中this不指向vue实例,为undefined

10-14

在Vue中使用axios库发送HTTP请求时，经常会遇到回调函数中this指向问题，特别是当使用axios.get或axios.post方法时，其then或catch回调函数中的this可能并不指向Vue实例。这就导致在回调函数中无法使用Vue实例的data...

解决使用attachEvent函数时，this指向被绑定的元素的问题的方法

10-30

### 解决使用attachEvent函数时，this指向被绑定的元素的问题的方法在Web开发中，尤其是在处理Internet Explorer（IE）浏览器兼容性问题时，我们经常会遇到`attachEvent`函数中的`this`指向问题。默认情况下，`...

函数this三种指向

weixin_66375317的博客

06-23

601

函数this三种指向

JS匿名函数内部this指向问题详析

10-17

// 输出 "window"，因为sayTwo返回的匿名函数在全局作用域中调用，this指向全局对象 ``` 在这个例子中，`sayOne`的`this`指向调用它的`person`对象，而`sayTwo`虽然也在`person`上调用，但其返回的匿名函数在全局...

This指向

sayyesb的博客

09-11

137

this指向 this的在函数定义的时候是确定不了的，只有函数执行的时候才能确定this指向谁，一般this最终指向那个调用它的对象 (1)、this指向window function 函数名(){} var 函数名=function(){} 全局作用域或者普通函数中的this指向全局对象window，定时器里的this也指向window (2)、this指向当前这个对象 var obj = { 函数名:function(){} } 方法调用中谁调用，thi

函数中的this指向

qq_42438026的博客

07-15

3694

1. 普通函数的this 普通函数的this : this就是谁调用 this就指向谁 this是在调用的时候确定的 function f1(){ console.log(this); } f1(); //window 2.对象里面的方法this 对象里面的方法,它里面的this指向当前这个对象 var obj = { a : 6, b : 7, name : "zhangshang", print(){ // console.log(this.a + t

async中的this指向问题

ss515896745的博客

03-20

6148

有async函数的地方要用this需要在async外部把this赋值给一个变量，再使用，否则直接再async函数中使用this.属性会报错

vue中使用axios等异步方法this指向的问题

weixin_34055787的博客

05-16

781

在方法最前面将this用_this或者that（随便什么名字) 异步方法回调函数中this指向不指向当前vue实例，需要提前用一个临时变量来保存this当前指向转载于:https://www.cnblogs.com/martray/p/10877488.html...

关于函数中的this指向问题

RoddyLD的博客

05-05

3795

关于函数中的this指向问题前言一、普通函数中this指向二、对象里面的this指向三、函数表达式中的this指向四、立即执行函数的this指向五、定时器计时器中this的指向六、箭头函数里面的this指向七、构造函数里面的this指向7.1当作普通函数进行调用7.2 作为构造函数使用的时候7.3当this关键字 遇上return八、总结前言函数在执行时，会在函数体内部自动生成一个this指针。谁直接调用产生这个this指针的函数，this就指向谁。提示：以下是本篇文章正文内容，下面案例可供参考

this在函数中的指向

小菜儿前端的博客

06-13

406

上面代码中，函数fun1运行时，内部会自动有一个对象可以使用。函数的不同使用场合，有不同的值。总的来说，就是函数运行时所在的环境对象。下面分四种情况，详细讨论的用法。 dom1 事件注册中:事件对象( dom) 02对象中的this：对象本身 03全局方法中的this：window[setInterval,setTimeout] 04箭头函数箭头函数的this是指向上一层作用域的this（obj） 05构造函数中this的指向上一层函数 06call与apply都是执行一个函数

HTML5 网页游戏设计开发——1、HTML基础

最新发布

shidisy的博客

07-23

645

本文介绍了HTML5的基础知识和基本结构。HTML是一种超文本标记语言，通过标记定义网页结构和内容。HTML5是最新标准，相比旧版HTML4.01更适合现代Web应用需求。文章详细解析了HTML文档的基本结构，包括<html>、<head>、<body>等核心标签的作用，并通过实例展示了标签嵌套规则和注释写法。HTML文件由嵌套的HTML元素组成，这些元素通过浏览器解析后决定网页的显示效果。文章还说明了<title>、<p>、<b>等常

HTML5 跨文档通信机制：postMessage API 详解与应用

林见鹿鸣

07-23

603

postMessage 作为跨源窗口通信的标准解决方案，其核心价值在于在保障安全性的前提下，实现不同源文档之间的可控交互。通过遵循严格的来源验证、消息校验等规范，可有效规避安全风险，广泛应用于微前端架构、跨域组件集成、多窗口协同等场景。深入理解其特性与使用规范，是构建复杂前端系统时处理跨域通信的基础。

箭头函数中this指向举例

07-07

<think>题目要求解释箭头函数中this指向，并举例。需要先解释箭头函数的this绑定规则，然后给出具体例子。最后按照要求提出3-5个相关问题。规则：回答末尾必须包含“§§相关问题§§”一行，然后列出3-5个问题，禁止换行分散。箭头函数的this特点： - 箭头函数没有自己的this，它继承外层作用域的this值。 - 在定义时确定，且不会改变（即使使用call、apply、bind也无法改变）。 - 普通函数的this在调用时确定，取决于调用方式（对象调用、直接调用等）。举例：例1：在对象方法中使用箭头函数，this指向外层（可能是全局或上一级作用域）例2：事件处理函数中，箭头函数this与外层函数一致例3：在构造函数中，箭头函数不会绑定新的this，而是继承外层注意：需要对比普通函数，以突出箭头函数的this特性。然后，根据问题和回答提出相关问题。</think>在 JavaScript 中，**箭头函数的 `this` 指向是词法作用域**，即在定义时确定，而非运行时确定。它继承自外层普通函数的 `this` 值，若外层无普通函数则指向全局对象（浏览器中为 `window`，严格模式为 `undefined`）。以下是关键示例： ### 示例场景对比 ```javascript // 场景1：对象方法中的普通函数 vs 箭头函数 const obj = { name: "Alice", regularFunc: function() { console.log("普通函数:", this.name); // "Alice" (this指向obj) }, arrowFunc: () => { console.log("箭头函数:", this.name); // undefined (this指向全局) } }; obj.regularFunc(); // "Alice" obj.arrowFunc(); // undefined (全局无name属性) // 场景2：事件处理中的普通函数 vs 箭头函数 const button = document.querySelector("button"); button.addEventListener("click", function() { console.log("普通函数:", this); // <button> (this指向触发元素) }); button.addEventListener("click", () => { console.log("箭头函数:", this); // Window (继承定义时的全局this) }); // 场景3：嵌套函数中的this继承 const outer = { value: 10, innerRegular: function() { const nestedFunc = () => console.log("嵌套箭头函数:", this.value); nestedFunc(); // 10 (继承innerRegular的this) } }; outer.innerRegular(); ``` ### 关键规则总结 1. **无独立 `this`** 箭头函数自身无 `this` 绑定，直接使用外层作用域的 `this` 2. **不可改变** `call()`, `apply()`, `bind()` 无法修改箭头函数的 `this` 3. **定义时绑定** 绑定时机在函数定义时，而非调用时 4. **全局默认** 若外层无普通函数，非严格模式指向 `window`，严格模式为 `undefined` ```javascript // 验证无法修改this const tryChangeThis = () => console.log(this); tryChangeThis.call({id: 1}); // 仍输出全局对象 ```