this的概念

1、关于函数中this

1.1、this的概念

this指的是你的函数执行时所在的执行环境(作用域),也就是什么调用this,那么this就指向哪里。

1.2、this的具体指向

this的指向一般分为四种:
1、在全局范围调用this的时候,this指向windows。例子如下:

<script type="text/javascript">
        console.log(this)
    </script>

2、当一个函数被当成一个对象的方法来调用时,this指向这个对象。例子如下:

<script type="text/javascript">
        var a = {
            name:"a",
            fun:function(){
                return this
            }
        }
        console.log(a.fun())
    </script>

3、通过事件来调用时,this指向这个函数的调用者。例子如下:

<body>
        <button>click</button>
    </body>
<script type="text/javascript">
        var btn = document.querySelector('button');
        btn.addEventListener('click', function() {
            console.log(this); //this
        })
    </script>

4、在构造函数中的this指向它的实例化对象。例子如下:

<script type="text/javascript">
        function Fun(name){
            this.name = name;
        }
        var fun1 = new Fun("fun");
        console.log(fun1)
    </script>
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Lua 5.1 参考手册 by Roberto Ierusalimschy, Luiz Henrique de F...
    苏黎九歌阅读 13,952评论 0 38
  • Swift1> Swift和OC的区别1.1> Swift没有地址/指针的概念1.2> 泛型1.3> 类型严谨 对...
    cosWriter阅读 11,160评论 1 32
  • 第3章 基本概念 3.1 语法 3.2 关键字和保留字 3.3 变量 3.4 数据类型 5种简单数据类型:Unde...
    RickCole阅读 5,206评论 0 21
  • 第5章 引用类型(返回首页) 本章内容 使用对象 创建并操作数组 理解基本的JavaScript类型 使用基本类型...
    大学一百阅读 3,272评论 0 4
  • 函数和对象 1、函数 1.1 函数概述 函数对于任何一门语言来说都是核心的概念。通过函数可以封装任意多条语句,而且...
    道无虚阅读 4,679评论 0 5