首页 > Web开发 > 详细

js中的this指向

时间:2019-11-27 09:45:48      阅读:60      评论:0      收藏:0      [点我收藏+]

    this 通常指向调用者,即谁调用指向谁。

场景1:

        var a = 2;
        function fn() {
            console.log(this.a);
        }
        var obj = {
            a:123,
            fn:fn
        }
        fn(); // 2  this指向window
        obj.fn(); // 123 this指向obj

场景2:appy 与call 可改变this 指向(call与apply的第一个参数是this指向)

        var a = 2;
        function fn() {
            console.log(this.a);
        }
        var obj = {
            a:123,
            fn:fn
        }
        fn(); // 2  this指向window
        fn.call(obj); // 123 this指向obj
        fn.call(window); // 2  this指向window

场景3:箭头函数可以改变this指向,它的this绑定取决于外层

        var a = 2;
        var fn = () => {
            console.log(this.a);
        }
        var obj = {
            a:123,
            fn:fn
        }
        fn(); // 2  this指向window
        obj.fn(); // 2 this指向window 而不是obj

场景4:事件中this指向事件对象元素

        var ul = document.getElementById("myul")
        ul.addEventListener(‘click‘, function () {
            console.log(this) // this 指向 id 为 myul 的标签
        })

 

 

 

js中的this指向

原文:https://www.cnblogs.com/jlyuan/p/11939312.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!