博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
ES6中this的三种用法
阅读量:6067 次
发布时间:2019-06-20

本文共 1239 字,大约阅读时间需要 4 分钟。

hot3.png

<!DOCTYPE html>

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
<script type="text/javascript">
var obj={
    a:5,
    func:function(){
        console.log(this.a);
    },
    test:function(){
        var that=this;
        setTimeout(function(){

            console.log(this);//window

            that.func();
        },1);
    }
}
obj.test();//5

</script>
    
</body>
</html>

------------------------------------------------------------------------------------------------------------

 

<!DOCTYPE html>

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
<script type="text/javascript">
var obj={
    a:5,
    func:function(){
        console.log(this.a);
    },
    test:function(){
        
        setTimeout(()=>{

            console.log(this);//window

            this.func();
        },1);
    }
}
obj.test();//5

</script>
    
</body>
</html>

-------------------------------------------------------------------------------------------------------------

<!DOCTYPE html>

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
<script type="text/javascript">
var a=10;
var obj={
    a:5,
    func:()=>{
        console.log(this.a);
    },
    test:function(){
        
        setTimeout(()=>{

            console.log(this);//window

            this.func();
        },1);
    }
}
obj.test();//10

</script>
    
</body>
</html>

 

 

 

 

 

 

 

 

 

 

 

 

转载于:https://my.oschina.net/kitty0107/blog/1606593

你可能感兴趣的文章
python-45: opener 的使用
查看>>
cad图纸转换完成的pdf格式模糊应该如何操作?
查看>>
Struts2与Struts1区别
查看>>
网站内容禁止复制解决办法
查看>>
Qt多线程
查看>>
我的友情链接
查看>>
Ubuntu12.04 编译android源代码及生成模拟器经历分享
查看>>
KVM网络桥接设置方法
查看>>
Puppet学习手册:Puppet Yum安装
查看>>
我的友情链接
查看>>
ansible学习记录
查看>>
网思科技校园网计费解决方案
查看>>
我的友情链接
查看>>
携程 Apollo分布式部署
查看>>
2017 Hackatari Codeathon B. 2Trees(深搜)(想法)
查看>>
单词统计
查看>>
输入一个数字计算圆的面积
查看>>
在Delphi中隐藏程序进程
查看>>
AngularJS PhoneCat代码分析
查看>>
MEF元数据应用说明
查看>>