JavaScript中函数的调用和this的指向

meislzhua 发布于2019-08-23 16:11 / 1482人阅读

摘要：欢迎纠正和补充函数的调用和的指向普通函数调用指向方法调用指向调用该方法的对象作为构造函数的调用构造函数内部的指向由该构造函数创建的对象作为事件的处理函数触发该事件的对象作为定时器的参数指向总结函数内部的，是由函数调用的时候来确定其指向的

欢迎纠正和补充

函数的调用和this的指向 1.普通函数调用 this 指向 window

function fn() {
    console.log(this);
}
window.fn();

2.方法调用 this 指向调用该方法的对象

var obj = {
    fun: function () {
        console.log(this);
    }
}
obj.fun();

3.作为构造函数的调用构造函数内部的this指向由该构造函数创建的对象

var gf = {
    name : "tangwei",
    bar : "c++",
    sayWhat : function() {
        console.log(this.name + "said:love you forever");
    }
}

4.作为事件的处理函数触发该事件的对象

btn.onclick = function () {
    console.log(this);
}

5.作为定时器的参数 this 指向 window

setInterval(function() {
    console.log(this);
}, 1000);

总结：函数内部的this，是由函数调用的时候来确定其指向的

云服务器 GPU云服务器 this的指向 js中函数的调用、调用网页中的函数 javascript的this

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/102773.html

轻松搞定javascript中this的指向

摘要：调用在中，通过的形式调用一个构造函数，会创建这个构造函数实例，而这个实例的指向创建的这个实例。如下例所示，在构造函数内部使用并没有改变全局变量的值。显然，箭头函数是不能用来做构造函数。　　关于javascript中this指向的问题，现总结如下，如有不正确，欢迎指正。　　javascript中，this的指向并不是在函数定义的时候确定的，而是在其被调用的时候确定的。也就是说，函数的...

shinezejian 2019-08-23 12:14 评论0 收藏0
学习JavaScript之this,call,apply

摘要：在全局对象中调用，自然读取的是全局对象的值构造器调用说明作为构造器调用时，指向返回的这个对象。最直观的表现就是，去看一些优秀框架的源代码时，不再是被绕的晕乎乎的。学习起因：在之前的JavaScript学习中，this,call,apply总是让我感到迷惑，但是他们的运用又非常的广泛。遂专门花了一天，来弄懂JavaScript的this,call,apply。中途参考的书籍也很多，以...

wenhai.he 2019-08-19 17:30 评论0 收藏0
JavaScript设计模式与开发实践 | 02 - this、call和apply

摘要：构造器的外表跟普通函数一样，他们的区别在于被调用的方式。即，使用运算符创建对象时，就是将函数当作构造器调用。本节内容为设计模式与开发实践第二章笔记。 this JavaScript的this总是指向一个对象，至于指向哪个对象，是在运行时基于函数的执行环境的动态绑定的，而非函数被声明时的环境。 this的指向 this的指向大致可以分为以下4类：作为对象的方法调用作为普通函数调用 ...

darryrzhong 2019-08-21 10:45 评论0 收藏0
理解 JavaScript 中的 this 关键字

摘要：原文许多人被中的关键字给困扰住了，我想混乱的根源来自人们理所当然地认为中的应该像中的或中的一样工作。尽管有点难理解，但它的原理并不神秘。在浏览器中，全局对象是对象。运算符创建一个新对象并且设置函数中的指向调用函数的新对象。原文：Understanding the this keyword in JavaScript 许多人被JavaScript中的this关键字给困扰住了，我想混乱的...

jayzou 2019-08-21 10:32 评论0 收藏0
JavaScript中的this

摘要：作为构造函数何为构造函数所谓构造函数就是用来对象的函数，像等都是全局定义的构造函数。正在跑步正在说话正在跑步正在说话如上，如果函数作为构造函数用，那么其中的就代表它即将出来的对象。前言总括:详解JavaScript中的this的一篇总结，不懂this这个难点，很多时候会造成一些困扰，写出一些bug不知如何收场，所以一起来写bug吧，不对，一起来写代码吧。原文地址：JavaScr...

SimpleTriangle 2019-08-20 18:15 评论0 收藏0
JavaScript中的this

摘要：指向的改变构造函数中的操作符会调用函数的内部的方法，创建对象，之后调用函数的方法，把新创建对象作为值。调用函数时与设置的值以及箭头函数皆为动态的改变指针的方法。这一特性使得箭头函数在中的函数中使用起来很方便。原文地址 JavaScript中的this 原理错误的this指向通常所说的：如果是全局环境中，this指向全局对象，如果是对象的方法，这this指向这个对象。例子1： ...

Salamander 2019-08-20 14:14 评论0 收藏0