JS中this指向问题总结

最新推荐文章于 2020-03-30 22:01:15 发布

人间草木96

最新推荐文章于 2020-03-30 22:01:15 发布

阅读量165

点赞数

分类专栏：面试总结

本文链接：https://blog.csdn.net/qq_43258252/article/details/83381550

版权

面试总结专栏收录该内容

84 篇文章 0 订阅

订阅专栏


<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
<script>
    // 1.例子1
    function fn1(){
        console.log(this); // window
    }
    fn1(); // 相当于window.fn1()

    // 2. 例子2
    var o = {
        a: 10,
        b: function(){
            console.log(this); // o 对象
        }
    }
    o.b();

    // 3. 例子3
    var ob = {
        a: 10,
        b: {
            a: 21,
            fn: function(){
                console.log(this); // b 对象 （注意看调用的地方）
                console.log(this.a); // 21
            }
        }
    }
    ob.b.fn();

    // 4. 例子
    var obj = {
        a: 15,
        b: {
            a: 23,
            fn: function(){
                console.log(this); // window
                console.log(this.a); // undefined (因为this指向的是window， window上没有a这个属性)
            }
        }
    }
    var j = obj.b.fn;
    j(); // 相当于是window.j()

    // this的指向不是在 定义的时候去看的， 而是应该看一下调用的时候， 是由谁调用的function
    // 则this指向的就是方法的调用者
</script>
</body>
</html>

人间草木96

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS中this指向问题总结

<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, ma...
复制链接

扫一扫