关于this对象

最新推荐文章于 2024-07-18 18:43:34 发布

进阶的前端工作者

最新推荐文章于 2024-07-18 18:43:34 发布

阅读量132

点赞数 1

分类专栏： js的分享文章标签： html5 html javascript

本文链接：https://blog.csdn.net/weixin_45846177/article/details/103972514

版权

js的分享专栏收录该内容

11 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    
</body>
<script>
    /*
        在闭包中使用this对象也可能导致一些问题。我们知道，this对象是在运行时基于函数
        的执行环境绑定的：在全局函数中，this等于window，而当函数被作为某个对象的方法
        调用时，this等于那个对象。不过，匿名函数的执行环境具有全局性（重点哦！！），
        因此this对象通常指向window。但有时候由于编写闭包的方式不同，这一点可能不会那
        么明显。看下面代码：
    */
    var name = 'window this';
    var obj = {
        name:'my obj this',
        getNameFun : function(){
            return function(){
                return this.name;
            }
        }
    }
    console.log(obj.getNameFun()());//控制台输出 window this

    /*
        大家应该知道，每个函数被调用时都会自动取得两个特殊变量：this和arguments。内部
        函数搜索这两个变量时，只会搜索到其活动对象为止，因此永远不可能访问外部函数中的
        这两个变量。所以，我们可以把外部作用域中的this对象保存在一个闭包能够访问到的变
        量里，如下：
    */
   var name = 'window';
   var obj = {
       name:'obj',
       getNameFun:function(){
           var that = this;
           return function(){
               return that.name;
           }
       }
   }
   console.log(obj.getNameFun()());//控制台输出  obj

</script>
</html>

进阶的前端工作者

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
关于this对象

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...
复制链接

扫一扫