JavaScript中函数的调用和this的指向介绍(代码)

不言
Lepaskan: 2019-03-21 11:25:37
asal
2477 orang telah melayarinya

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

函数的调用和this的指向

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

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

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

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

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

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

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

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

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

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

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

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

Atas ialah kandungan terperinci JavaScript中函数的调用和this的指向介绍(代码). Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan