this指向问题总结:

最新推荐文章于 2024-09-28 17:32:53 发布

保护头发的小张

最新推荐文章于 2024-09-28 17:32:53 发布

阅读量120

点赞数

文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/z1014h/article/details/126899778

版权

1.全局作用域中的this window顶级对象

2.普通函数中的this window顶级对象

3.方法中的this 指向方法的调用函数

4.事件中的this 指向事件源

5.定时器,延迟函数中的this window顶级对象

6.构造函数中的this 构造函数创建的实例对象

7.原型对象prototype 构造函数的实例对象

8.箭头函数中的this 父级作用域中的this

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

保护头发的小张

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

js的this指向总结

丑小鸭变黑天鹅的博客

11-25

1498

js的this指向总结一、说明一、全局环境下二、函数上下文调用1、普通函数调用1.1、情况说明：2、作为方法来调用2.1、情况12.2、情况22.3、情况33、作为构造函数来调用3.1、情况13.2、情况24、call,apply,bind5、Eval函数6、DOM 事件处理函数中的 this & 内联事件中的 this1、DOM事件处理函数2、内联事件3、setTimeout & setInterval7、箭头函数三、总结一、说明首先必须要说的是，其实this就是一个指针，它指示的

关于JavaScript中的this指向问题总结篇

12-09

在使用new关键字创建实例时，构造函数内部的this指向新创建的对象。例如： ```javascript function Person(name) { this.name = name; } const person = new Person('Tom'); console.log(person.name); // Tom ``` ...

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

js中this指向问题总结

rain19982016的博客

03-02

1148

1. 默认绑定规则（1）全局作用下 this指向window console.log(this); （2）函数独立调用下 this指向window function test(){ console.log(this); } test() 2. 隐式绑定规则 object.fun() 对象的方法，this指向调用这个方法的对象函数执行，this才会指向，才有意义，每一个函数执行都会有一个自身的this指向。函数不执行，this没意义。每个this都代表着函数的执行。 var a = 0;

关于JS中this对象指向问题总结

铁锤妹妹的博客

03-08

3765

关于JS中this对象指向问题，相信做过项目的小伙伴多多少少都会遇到过，明明感觉代码写的没问题，可是运行的时候，就会报错，比如报错 xxx is not a function。我最近也遇到了，百度学习了不少前辈对于this对象指向问题的解析，于是总结了这篇文章。

JavaScript中this的指向问题：理解其行为和解决方法

你若盛开，清风自来

08-14

697

本文将介绍JavaScript中this的指向问题的概念、原因及其解决方法，帮助读者更好地理解this的指向问题的重要性，提高前端开发的效率。在JavaScript中，this的指向取决于函数的执行上下文。在全局上下文中，this指向全局对象；在函数上下文中，this的指向取决于函数的调用方式。this的指向问题可能会导致意外的行为，影响代码的运行和维护。JavaScript中this的指向问题是一个常见的问题，它可能会导致意外的行为，影响代码的运行和维护。

this的指向问题及用法

小小前端攻城狮的博客

04-10

1722

前言最近，在准备面试，看到这样一道编程题，原题如下： // 写一个 sum 方法，当使用下面的语法调用时，能正常工作 console.log(sum(2, 3)); // Outputs 5 console.log(sum(2)(3)); // Outputs 5 这道题要考察的，就是对函数柯里化的理解。让我们先来解析一下题目的要求：如果传递两个参数，我们只需将它们相加并返回。否则，我们假设它是以sum(2)(3)的形式被调用的，所以我们返回一个匿名函数，它将传递给sum()（在本例中为2）

js知识点总结之this指向

fyw1789的博客

05-29

1598

this关键字是一个非常重要的语法点。毫不夸张地说，不理解它的含义，大部分开发任务都无法完成。this可以用在构造函数之中，表示实例对象。除此之外，this还可以用在别的场合。但不管是什么场合，this都有一个共同点：它总是返回一个对象。关于this的指向，有一种广为流传的说法就是“谁调用它，this就指向谁”。这样的说法没有太大的问题，但是并不是太全面。总结起来，this的指向规律有如下几条：在函数体中，非显式或隐式地简单调用函数时，在严格模式下，函数内的this。

如何改变this指向？this指向总结

小草莓的博客

05-04

1577

1、箭头函数中的 this 是在声明中就定义好了的，而普通函数中的 this 则是在调用时定义好的。2、基本上可以归为五类：① 全局this指向是window ② 普通函数this的指向是调用者③ 构造函数的this是new之后的新对象 ④ 箭头函数this的指向的是其父级指向⑤ call、 apply、bind的this指向的是第一个参数JavaScript 中的this用一句话来概括，就是在执行时确定的。

结合Vue重新总结一下JS中this的指向问题

qq_32077521的博客

03-23

1526

结论：普通函数和匿名函数中的this指向是在运行时候确定的，谁调用了该函数，那么this就指向谁。箭头函数中的this指向的是父级作用域中的this的指向，或者说，该箭头函数在哪定义的，那么箭头函数中this就指向哪块作用域。在严格模式下，即’use strict’模式下，全局作用域下的普通函数和匿名函数中的this指向undefine。以下例子显示了在各种情况下this的指向： var a = 0; console.log(this.a); //this指向window var a = 0;

javascript this指向总结

qq_30128683的博客

08-19

923

javascript this指向总结 1.单独的this，指向的是window这个对象 alert(this) // this -> window 2.全局函数中的this function demo() { // ‘use strict’; 严格模式 alert(this); // this -> window } demo(); 在严格模式下，this是undefined. 3...

【面试必考点】这一次带你彻底学会this的指向问题

m0_57524265的博客

07-10

3961

本文重点讲解了各种this的使用场景、如何改变函数中this的指向以及this的练习题这一次和笔者一起全面的学习this这个面试必考点

基于javaScript的this指向总结

12-09

JavaScript中的`this`关键字是一个非常重要的概念，它在不同场景下的指向可能会有所不同，这使得理解和掌握`this`的用法成为前端开发人员必备的技能。本文将深入探讨`this`在JavaScript中的各种情况下的指向。 1. ...

详解JS中定时器setInterval和setTImeout的this指向问题

10-20

总结一下，`setInterval`和`setTimeout`的`this`指向问题在于它们的回调函数在全局作用域中执行，因此`this`默认指向`window`。要解决这个问题，可以使用变量保存`this`的引用或者使用`bind`方法来确保`this`指向...

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

10-30

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

如何搭建Vue脚手架

w6437286的博客

09-26

439

本文主要讲解如何搭建vue脚手架。

vue上传预览CAD文件

只会写bug

09-24

588

如果选择的是 Three.js，那么可以创建一个场景来加载和显示模型。如果是用特定的 CAD 查看器库，则按照其文档进行集成即可。根据具体需求和技术能力，可以选择最适合的解决方案来实现 CAD 文件的上传和预览功能。

基于JavaWeb开发的Java+SpringMvc+vue+element实现驾校管理系统详细设计

央顺科技官方博客

09-24

886

机遇与挑战始终并存。在开放的互联网平台面前，驾校预约管理系统的信息管理面临着巨大的挑战。传统的管理模式局限于简单数据的管理，无法适应不断变化的市场格局。在早期阶段，在将计算机技术和网络技术融入驾校预约管理系统数据管理方法之前，所有管理方式都通过人工操作完成了管理信息的。系统管理也都将通过计算机进行整体智能化操作，对于驾校预约管理系统所牵扯的管理及数据保存都是非常多的，举例像所有详细信息包括，管理员；首页、个人中心、学员管理、驾校教练管理、驾校车辆管理、预约管理、取消预约管理、驾校公告管理、系统管理。

Vue实战教程：如何用JS封装一个可复用的Loading组件