Javascript中的 this指向问题

最新推荐文章于 2022-07-12 16:12:23 发布
最新推荐文章于 2022-07-12 16:12:23 发布
阅读量299 收藏
点赞数
分类专栏： JavaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37934106/article/details/83786343
版权
  1. 普通函数中 this指向window
  2. 对象的方法中 this指向当前对象
  3. 构造函数中 this指向构造函数的实例化对象
  4. 原型对象的方法中 this指向当前的实例对象
  5. 计时器中 this指向window
  6. 事件处理函数 this指向触发事件的对象

不理解的话，建议把代码拷贝下来，一个一个打开运行一遍。上代码：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>this的指向</title>
</head>
<body>
	<button id="btn">点我呀</button>
<script>
  // JavaScript中，this通常指向的是执行的函数本身，或者是函数所属的对象


  // 1. 普通函数中  this指向window
  // var a = 123;

  // function test() {
  //   var a = 456;
  //   console.log(this.a);  // 123
  // }

  // test();


  // 2. 对象的方法中  this指向当前对象
  // var obj = {
  // 	name: "haha",
  // 	say: function () {
  // 		console.log(this);
  // 	}
  // }
  // obj.say();


  // 3. 构造函数中  this指向构造函数的实例化对象
  // function Fn() {
  // 	this.name = "abc";
  // 	console.log(this);
  // }
  // var f = new Fn();


  // 4. 原型对象的方法中  this指向当前的实例对象
  //  function Test() {
  //    this.a = "123";
  //    this.b = "321";
  //  }
  //  Test.prototype.doing = function () {
  //    console.log(this);
  //  }
  //  var test = new Test();
  //  test.doing();


  // 5. 计时器中  this指向window
  //	var t = setTimeout(function () {
  //		console.log(this);
  //	},2000)


  // 6. 事件处理函数  this指向触发事件的对象
   // var btn = document.getElementById("btn");
   // btn.onclick = function () {
   //   console.log(this);
   //   console.log("叫你点就点，真乖~");
   // }



  // 题1：
  // var x = 2;
  // function test(){
  // 　this.x = 1;
  // }
  // var o = new test();
  // console.log("o.x: " + o.x); // 1
  // o.x = 3;
  // test();                     // 普通函数指向window
  // x*=10;
  // console.log("o.x: " + o.x); // 3
  // console.log("x: " + x);     // 10


  // 题2：
  // function a(xx) {
  //   this.x = xx;
  //   return this;
  // };

  // var y = a(6);
  // console.log(y.x);// 6


  // 题3 （call apply bind）：
  // var modal = {
  //   msg: 'aaa'
  // }
  // function showMsg() {
  //   console.log(this.msg);
  // }
  // // showMsg.call(modal); // 改变this指向到modal
  // // showMsg.apply(modal);
  // var newMsg = showMsg.bind(modal)
  // newMsg();

  // bind() 的作用：创建一个新函数（称为绑定函数），新函数与被调函数（绑定函数的目标函数）具有相同的函数体。当新函数被调用时 this 值绑定到 bind()的第一个参数。

  
  // 题4(闭包)：
  // var Foo = {};
  // Foo.method = function(){ 
  // 	  console.log(this);   // Foo
  //   var test = function(){
  //     console.log(this);   // window
  //   };
  //   test();
  // };
  // Foo.method();

</script>
</body>
</html>
Relife-li
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
js中this指向问题（超详细归纳）
weixin_45207266的博客
11-14 1732
1、this指向undefined es6的严格模式中 如果调用函数中的this或者顶层的this将会被指向undefined function fn(){ console.log(this); } fn(); console.log(this); this指向window a、非严格模式中函数或者顶层中调用this b、回调函数中默认this指向window 回调函数具体的定义为：函数A作为参数(函数引用)传递到另一个函数B中，并且这个函数B执行
Javascript中this指向问题
Celester_best的博客
03-14 1803
普通函数时，this指向window <script> function test() { console.log('=== test this: ', this) } test() const test1 = function () { console.log('===test1 this: ', this) } test1() &
javascript中的this指向问题
YangWenYu_lala的博客
06-13 190
js中的this指向问题
js中的this指向问题
Wonder
03-26 3736
1.单独的this，指向的是window这个对象 1 alert(this); // this -> window 2.全局函数中的this 1 2 3 4 function demo() { alert(this); // this -> window } d...
javascript中this的指向问题
qq_36711388的博客
03-01 265
this 指的是当前对象，如果在全局范围内使用this，则指代当前页面window；如果在函数中使用this，则this指代什么是根据当前函数是在什么对象上调用。我们可以使用call和apply改变函数中this的具体指向。另外，在构造函数或者构造函数原型对象中this指向构造函数的实例。1.全局作用域或者普通函数中this指向全局对象window。console.log(this === win...
JS中this的指向（哪个对象调用函数，函数里面的this指向哪个对象。）
qq_38969618的博客
10-15 1094
确定函数中this的指向：不要看函数定义代码，只看函数调用代码！this只指向对象，哪个对象调用了函数，该函数里面的this就指向谁！如果一个函数明确的调用者，则this就默认指向window对象！ 备注： ES6的箭头函数很特殊，箭头函数没有this，箭头函数里面的this继承外面的环境！即箭头函数外面环境的this指向谁，箭头函数的this就指向谁。 ...
JavaScript中 this 指向问题深度解析
12-08
JavaScript中的`this`指向是一个复杂且关键的概念，它在编程中扮演着重要角色。不同于其他许多编程语言，JavaScript中的`this`值不是在函数定义时确定的，而是根据函数调用方式动态决定的。理解这一点对于编写高效和...
Javascript 中 this指向
最新发布
09-07
这时，this指向的是最后调用它的对象，在foo.fn()语句中，this指向的是foo对象。 例题 4： ``` const student = { name: 'zhangsan', fn: function () { return this; } } console.log(student.fn() === ...
javascript中this指向详解
10-22
为了让读者更加深入地理解JavaScript中的this指向问题，本文将会详细分析this在不同场景下的行为，并通过实际代码示例来说明。 首先，JavaScript中的this不同于一些其他面向对象编程语言（如Java或C#）中的this。在...
JavaScript中this的指向问题
01-08
以下是关于JavaScript中`this`指向问题的详细解析： 1. **默认绑定** 当一个函数没有明确的归属对象（即没有使用`.`操作符或`call`、`apply`、`bind`方法调用）时，`this`通常会指向全局对象。在浏览器环境中，...
this指向的对象
zhangyiyang111的博客
12-29 190
this :一般在函数中使用，在不同的环境代表的值不一样，取决于当前调用函数的对象，谁调用的就指向谁 this指向 1.在事件处理函数中 this ---- 触发事件的对象 2.普通函数的this ---- window 3.方法中this---- 当前对象 4.构造函数中this----构造函数创建出来的实例对象 */ //1.在事件处理函数中 this ---- 触发事件的对象 var oBtn = document.getElementsByTagName("button")[0]
this指针指向当前调用对象，只是用于类的非静态成员函数。静态函数和全局函数 无当前对象，无this指针。
share
03-02 6597
void Date::setMonth( int mn ) {      month = mn; // 这三句是等价的      this->month = mn;      (*this).month = mn;  }题目9. Please choose the right statement of "this" pointer:（下面关于this指针哪个描述是正确的） A.
浅析——函数调用的时候，this的指向问题
gongsixing1998的博客
07-12 378
浅析---函数调用时，this指向谁。
javascript详解函数中的this指向
过客如期的博客
03-19 315
javaScript关于this的学习与总结
关于对象中的this指向和修改this指向问题。
weixin_45103372的博客
05-24 1054
修改this指向 修改this指向有三个方法（call，apply，bind），三个方法的第一个参数都是修改的指向的内容（对象名、对数组名等）。 1.call方法。该方法的后面可以有很多参数，除第一个指向的地方外（调用的就是指向的位置的值内容），后面的参数都是数值数字等类型依次排列（当然，这些参数也可以根据情况省略）。 eg1： var arr = [12, 56, 48, 25, 35, 64,...
this指向问题
weixin_43367044的博客
10-09 411
（函数内部的this 是由函数调用的时候来确定其指向的。） 1.在普通函数中：this指向window对象 2.在对象的方法中，this指向调用该方法的对象 3.在构造函数的调用中，this指向new关键字创建的对象 4.在定时器中，this指向window对象 5.在事件的处理函数中，this指向触发该事件的对象 ...
关于JavaScript中this对象的指向，及改变的四种情况
涵盖了计算机专业基础知识、数学建模相关实践、复杂网络论文研究、LeetCode算法刷题经验、C语言开发经验、前端Vue、React框架开发实战相关知识
07-07 1880
this对象的几种情况 解析器在调用函数每次都会向函数内部传递进一个隐含的参数,这个隐含的参数就是this，this指向的是一个对象，这个对象我们称为函数执行的 上下文对象，根据函数的调用方式的不同，this会指向不同的对象 * 1.以函数的形式调用时，this永远都是window * 2.以方法的形式调用时...
JavaScript中关于this指向问题(学习笔记)
热门推荐
Y4tacker的博客
07-08 1万+
文章目录总述通过实例分析 总述 this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，一般情况下this的最终指向的是那个调用它的对象。 全局作用域或者普通函数中this指向全局对象window（注意定时器里面的this指向window） 方法调用中谁调用this指向谁 构造函数中this指向构造函数的实例 通过实例分析 <button>点击</button> <script> // 1. 全局作用域
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值