js中关于this的知识点

最新推荐文章于 2023-05-11 14:18:36 发布
最新推荐文章于 2023-05-11 14:18:36 发布
阅读量259 收藏
点赞数
分类专栏： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/TSeven37/article/details/82745960
版权 
在全局范围内，this指向全局对象（浏览器下指window）（√）
对象函数调用时，this指向当前对象（√）
全局函数调用时，this指向全局函数（×）
使用new实例化对象时，this指向新创建的对象（√）

 

this有四种情况！

1)当在函数调用的时候指向widow

2)当方法调用的时候指向调用对象

3)当用apply和call上下文调用的时候指向传入的第一个参数

4)构造函数调用指向实例对象

FrontJS
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
javascript中的this的知识点
程宇寒
08-14 205
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>javascript中的this的知识点</title> <link rel="stylesheet" type="text/css" href="../css/body.css" /> <link rel="stylesheet" type="text/css...
JS中关于this的理解
christyleylh的博客
09-27 1151
JavaScript：this是什么？ 定义：this是包含它的函数作为方法被调用时所属的对象。 看定义有点懵…… 先来看一个题目： //以下代码输出什么？为什么？ var number = 50; var obj = { number: 60, getNum: function () { var number = 70; return this.number; } }...
来一份this相关知识点详细总结！
qq_39155912的博客
12-03 507
前言 this在JavaScript中是非常重要的概念，因为我们用到它的频率非常之高，在享受到它的便利性的同时，与之对应的是它的绑定规则比较难理解。今天我们就来好好总结一下this的相关知识点，这样在使用它的过程中就能更有自信和把握啦！ 了解一下this 老规矩，在总结之前我们需要得先了解一下，this是什么东西？ this是什么 我们先来看一个例子： function foo() { console.log(this); //Window } foo(); 我们定义了
关于js中this的详解
Ximerr的博客
01-15 924
js的this分两种，动态绑定和静态绑定，并且只能在函数内出现，node模块和es模块中也能直接使用this，此时的this指向模块自身。 在函数中使用时，除非函数是通过箭头函数定义，其余形式皆为动态绑定。本质上，node模块和基于模块系统构建的浏览器环境模块都是利用js闭包实现，所以也是函数。 静态绑定的this指向词法作用域上一级的对象。比如，在一个Plain Object中定义的浅层箭头...
JavaScript中关于this指向的4种情况
weixin_33739627的博客
04-17 169
对很多前端开发者来说，JavaScript语言的this指向是一个令人头疼的问题。先看下面这道测试题，如果你能实现并解释原因，那本文对你来说价值不大，可以直接略过。 **开篇测试题：**尝试实现注释部分的Javascript代码，可在其他任何地方添加更多代码（如不能实现，说明一下不能实现的原因）： let Obj = function (msg) { this.msg = msg ...
JavaScript笔记知识点整理图文.pdf
11-29
下面是 JavaScript 笔记知识点整理图文中的关键知识点： 一、JavaScript基本概念 * JavaScript是一种基于对象的脚本语言，由 Netscape公司开发。 * JavaScript可以实现网页的动态交互，提供了丰富的用户体验。 * ...
JS基础知识点.docx
07-23
以下是关于JS基础的一些关键知识点： **一、闭包** 闭包是一个具有独立执行环境的函数，它可以记住并访问其词法作用域内的变量，即使在函数执行完毕后，这些变量依然存在。闭包的特性包括： 1. **封闭性**：闭包...
javascript 易错知识点实例小结
10-15
然而，对于初学者和经验丰富的开发者来说，JavaScript中的一些易错知识点往往容易被忽视，可能导致程序行为不符合预期。以下是一些关键的JavaScript易错点及其详细解释： 1. `typeof null === 'object'`： 这是一...
JavaScript知识点总结(十)之this关键字
10-22
在JavaScript中，`this`关键字是一个非常关键的概念，它用来引用函数调用时的上下文对象。`this`的值取决于函数调用的方式，而不是函数定义的方式。以下是对`this`关键字的详细解释： 1. **构造函数中的`this`**： ...
JavaScript的21条基本知识点
10-26
JavaScript是Web开发中不可或缺的一部分，它是一种轻量级的脚本...以上21条基本知识点涵盖了JavaScript语法、变量管理、运算符、函数、作用域和异步执行等多个核心概念，理解这些知识点是掌握JavaScript编程的基础。
JavaScript中this的知识点
Sundaisy1213的博客
09-21 321
JavaScript中的this以下内容属于个人的归纳总结（请大神们多多指点！！！） 随着函数的使用场合不同，this的值会发生变化(this代表函数运行时自动生成的一个内部对象)全局执行console.log(this);//浏览器：Window //node：global函数中执行纯粹的函数调用function hello(){ console.log
JS中的this
T_Joe18的博客
08-20 444
this代表函数运行时自动生成的一个内部对象，this只能在函数内部使用。 function test (){ this.x; }        随着函数使用场合的不同，this的值会变化。原则是：this指的是调用函数的那个对象。     this用法小结         一、函数调用             函数的通常用法，属于全局性调用，因此this代表全局对象Global。
this指向问题
liting_1992的博客
03-30 175
his的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定，this最终指向调用它的对象。 1.函数调用模式 当一个函数并非一个对象的属性时，那么它就是被当做函数来调用的。在此种模式下，this被绑定为全局对象，在浏览器环境下就是window对象 2.方法调用模式 当函数被保存为一个对象的属性时，它就可称为这个对象的方法。当一个方法被调用时，this被绑定到这个对象上。如果调用表达式包含一个提取属性的动作（. 或 []），那么它被称为方法调用 这里的this指向的对象是o，因为调用这个sayNam
关于函数中的this指向问题
RoddyLD的博客
05-05 3702
关于函数中的this指向问题前言一、普通函数中this指向二、对象里面的this指向三、函数表达式中的this指向四、立即执行函数的this指向五、定时器计时器中this的指向六、箭头函数里面的this指向七、构造函数里面的this指向7.1当作普通函数进行调用7.2 作为构造函数使用的时候7.3当this关键字 遇上return八、总结 前言 函数在执行时，会在函数体内部自动生成一个this指针。谁直接调用产生这个this指针的函数，this就指向谁。 提示：以下是本篇文章正文内容，下面案例可供参考
js中this的指向问题
m0_51055743的博客
08-22 1056
js中this指向问题
JS中this的指向与改变this指向的三个方法
weixin_46025845的博客
05-11 337
事件绑定中的this指向，即该事件绑定在谁身上，this指向的就是哪个节点，继而可以通过this操作节点的样式、内容等。需要借用this的对象.call/apply/bind(借给别人this的对象，传参)方法作用就是永久的将某个对象中的this改变为另一个对象的this，改变之后原本的函数。2）、将新函数中的this永久绑定为你指定的对象；因为函数是以回调函数的形式存在的，回调函数被window所调用。不论是前辈们定义好的，还是自定义构造函数，其中的this指向的都是。被call、apply再次被借走。
用构造函数创建对象时的this的指向问题
weixin_34204722的博客
11-06 619
用构造函数方式创建对象： function Person(name,age){ this.name=name; this.age=age; this.sayname=function(){ alert(this.name); }; }构造函数其实就是用new操作符调用的一个函数。用new时构造函数内部的this会指向新的实例，如： var p1=ne...
JavaScript 深入之从 ECMAScript 规范解读 this
weixin_33938733的博客
04-13 310
JavaScript深入系列第六篇，本篇我们追根溯源，从ECMAScript5规范解读this在函数调用时到底是如何确定的。 前言 在《JavaScript深入之执行上下文栈》中讲到，当JavaScript代码执行一段可执行代码(executable code)时，会创建对应的执行上下文(execution context)。 对于每个执行上下文，都有三个重要属性 变量对象(Variable...
函数调用模式,this在函数中的指向
alightman的博客
10-23 1158
全局变量声明 ：var num === window.num ; 函数的四种调用模式 根据函数内部this的指向不同，可以将函数的调用模式分成4种 1函数调用模式 2方法调用模式 3构造函数调用模式 4上下文调用模式（借用方法模式） 1)函数调用模式： function fn(){ console.log(this);//指向window; } fn
详细讲一下关于JavaScript中类的知识点
最新发布
07-11
下面是关于JavaScript类的一些重要知识点： 1. 类的声明与构造函数：使用class关键字来声明一个类。类名通常以大写字母开头。类中的构造函数通过constructor关键字定义，用于初始化类的实例。构造函数在创建对象时...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值