JavaScript中的this

最新推荐文章于 2021-05-27 18:45:02 发布
最新推荐文章于 2021-05-27 18:45:02 发布
阅读量136 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/a827506580/article/details/104590925
版权

JavaScript中的this
1.什么是this
2.this的指向
3.改变this的指向

大家好，我是一名正在学习前端的小白，这几天接触到JavaScript感觉很需要逻辑感接下来我简单梳理一下JavaScript中的this。

1.什么是this
this 关键字JavaScript是一个重要的存在。this就是说这个类的当前这个对象，也就是构造方法产生的对象。
你new对象或者调用方法时，当碰到有this时，this就代表他自己。另外，涉及到静态的东西，就不会用this，因为静态的东西是一个类所有对象共用的东西，不归某一个对象

2.this的指向
this 是一个关键字，在默认情况下，this指向的是这个关键字所处的方法所属的类的实例，同时这个实例即是你调用this时所处的实例；

3.改变this的指向
（1）通过对象的方法来定义一个函数（谁绑定了我，我就指向谁）

（2）函数被new了一下，创建了新的对象，this指向新的对象（谁new了我，我就指向谁）

（3）通过call,apply改变this指向

a827506580
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JS——this与new
weixin_30549175的博客
11-17 136
this： 1、this只出现在函数中 2、谁调用函数，this就指的是谁 3、new People的this指的就是被创建的对象实例 new： 1、开辟内存空间，存储新创建的对象 2、把this设置为当前对象 3、执行内部代码（设置对象属性和方法） 4、返回创建的新对象 转载于:https://www.cnblogs.com/wuqiuxue/p/7851199.html...
JavaScript — this指向、new关键字
舒梵的博客
08-03 252
三种this指向 三种角色： 1、普通函数this指向window 2、构造函数this指向方法 3、对象方法this指向对象 普通函数 add() function add() { var a = 1; console.log(this) // this指向window } 构造函数 function Person(a, b) { this.a = a; this.b = b; console.log(this); // this指向person（new实例新创建的对象） } var p
深入了解JS原型和原型链，new、this关键字详解
weixin_47703646的博客
08-16 417
深入javascript之原型和原型链 原型和原型链是js中的难点也是重点，明白了原型和原型链会让我们在后面不管是学习还是工作都会更加高效，并且原型和原型链会是面试中必不可少的话题。看完此篇文章一定会让你对原型，原型链有深刻全面的了解。 深入系列：深入javascript之作用域 深入系列：深入javascript之执行上下文 一，函数对象 所有引用类型（函数，数组，对象）都拥有__proto__属性（隐式原型） 所有函数拥有pro...
js实现new关键字
卡卡西：一个擅长拷贝的前端程序员
08-04 1962
对new关键字的描述：引自MDN new关键字会做以下操作： 1.创建一个空的简单Javascript对象 （即{}）; 2.链接带对象（即设置该对象的构造函数）到另一个对象； 3.将步骤1新创建的对象作为this的上下文； 4.如果该函数没有返回对象，则返回this； function myNew(fn) { // 以构造函数fn的prototype为原型 创建一个新的简单对象 let o = Object.create(fn.prototype) // 改变f.
JavaScript中this详解
10-23
this是javascript的一个关键字，随着函数使用场合不同，this的值会发生变化。但是总有一个原则，那就是this指的是调用函数的那个对象。
javascript中this指向详解
10-22
this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，实际上this的最终指向的是那个调用它的对象，接下来我会深入的探讨这个问题。
javascript 中 this 的用法.docx
最新发布
03-24
JavaScript 中的 this 关键字是一个非常重要的概念，它经常会使开发者感到困 惑。通常来说，this 的值是在函数被调用时确定的，其值取决于函数被调用的方 式。本文将介绍 JavaScript 中 this 的用法，从而帮助开发者...
javascript中this的用法实践分析
10-16
在JavaScript中，`this`关键字是一个非常重要的概念，它的值取决于函数被调用的方式。以下是对各个实践案例的详细解析： ### 实践一：事件处理中的`this` 在JavaScript事件处理程序中，`this`通常指向触发事件的...
JS this详解
麻瓜哇哇哇的博客
03-30 1万+
this的由来 javascript允许在函数体内，引用当前环境的其他变量 var fn=function(){ console.log(x) } 上面代码使用变量x,而变量x由当前的运行环境提供。 那么问题来了，函数可以在不同的运行环境下执行，所以需要一种机制，可以在函数体内内部获取当前的运行环境（context），所以this就出现了，它的作用就是在函数体内部，指代当前的运行环...
JS this 与new 及原型链
fangchao3652
12-07 1735
用 new 调用时this 会指向空的对象，并且这个对象的原型指向MyClass.prototypevar obj=new MyClass(); obj.prototype–>MyCLass.prototype._prototype—>Object.prototype.prototype—>null 原型链： 再谈原型链： 上图对应的对应的代码如下： js用call实现继承：func
JS中this指向问题，new的过程
weixin_49612239的博客
05-27 381
this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，实际上this的最终指向的是那个调用它的对象 这里调用方法f1的是window对象，也就是说this指向window对象，所以会出现this.user 为undefined 这里调用方法f1的是对象a，就是说this指向a对象，所以this.user为a对象里面的“二狗子” 接下来朝深处看看 这段代码跟例2 比就是多了个window. 结果还是一样的，想说明什么问题呢，看下段代码 结果变成“.
Javascript中new关键字和this指向
dust__的博客
09-16 2190
new关键字: 构造函数主要用来创建对象是初始化对象,为对象的成员赋值,总与new运算符一起使用创建对象; 构造函数用于创建一类对象,首字母大写; new执行过程: (1)new会在内存中创建一个新的空对象 (2)new 会让this指向这个新的对象 (3)执行构造函数 目的：给这个新对象加属性和方法 (4)new会返回这个新对象 function Person(name,age,sex){ ...
彻底弄懂js中的this指向
热门推荐
花神的博客
04-03 5万+
js中的this指向十分重要，了解js中this指向是每一个学习js的人必学的知识点，今天没事，正好总结了js中this的常见用法，喜欢的可以看看： 全局环境中this指向window。 有以下几种常用常见 //直接打印 console.log(this) //window//function声明函数 function bar () {console.log(this)} bar() //wind
js this绑定方式和改变this指向，及call，apply，bind区别
dergfg的博客
02-13 186
保持对代码的热爱并保持怀疑态度 文中fn皆表示函数的意思 function（）{} this指向 默认绑定：没有明确隶属对象的函数直接执行，window 事件绑定：事件处理函数中的this，事件源 隐式绑定：对象的方法中的this，对象 显示绑定：使用函数的call或apply或bind改变this，函数方法的第一个参数 new绑定：new关键字执行函数，new出来的对象 this是一个关键字，一般存在于函数中，表示所在函数的执行对象 this不是所在的函数，是所在函数的执行对象 t
js中的this、new关键字、作用域和作用域链
06-06 4338
js中的this、new关键字、作用域和作用域链 在JavaScript中this变量是一个令人难以摸清的关键字，this可谓是非常强大，充分了解this的相关知识有助于我们在编写面向对象的JavaScript程序时能够游刃有余。 1. 一般用处 对于this变量最要的是能够理清this所引用的对象到底是哪一个，也许很多资料上都有自己的解释，但有些概念讲的偏繁杂。
js中的new做了什么？
木木
08-23 1万+
function Person () { this.name = name; this.age = age; this.sex = sex this.sayName = function () { return this.name; }; } var person = new Person("tom", 21, "famle");...
解释JavaScript中this
03-04
在JavaScript中，`this`关键字是一个特殊的对象，它通常指向当前执行上下文中的对象。这个对象可能是函数被调用的上下文对象，也可能是调用方法的对象，也可能是在全局作用域下执行的代码。 当在全局作用域下使用`...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值