JavaScript中函数的调用和this的指向介绍（代码）-木庄网络博客

本文摘自PHP中文网，作者不言，侵删。

本篇文章给大家带来的内容是关于JavaScript中函数的调用和this的指向介绍（代码），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

函数的调用和this的指向

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

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

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

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

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

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

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

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

本篇文章到这里就已经全部结束了，更多其他精彩内容可以关注PHP中文网的JavaScript教程视频栏目！

相关阅读 >>

更多相关阅读请进入《javascript》频道 >>

书籍

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者