zoukankan      html  css  js  c++  java
  • JS函数调用方式及this分析

    函数的调用和 this

    ①普通的函数调用是通过给函数名或者变量名添加()的方式执行。

    function fn(){ 
        console.log(1);
    };
    fn();
    

    ②构造函数,通过new关键字进行调用(也可以使用()调用,只是功能不全)

    function Student(name){
       this.name = name;
    };
    var s1 = new Student("li");
    

    ③对象中的方法,通过对象打点调用函数,然后加括号();
    内部的 this 默认指向的是调用的对象自己

    var Student = {
       name:"lu",
       message: function(){
           console.log(this.name + " is a student");
       }
    }
    Student.message();
    

    ④事件函数,不需要加特殊符号,只要事件被触发,会自动执行函数;
    内部的 this 默认指向的是事件源

    document.onclick = function(){
         console.log("hello");
    }
    

    ⑤定时器、延时器中的函数,不需要加特殊符号,只要执行后,在规定的时间自动执行;
    内部的 this 默认指向是window

    setInterval(function(){
       console.log(1);
    },1000);
    

        this的指向是需要联系执行上下文,在调用的时候,是按照什么方式调用,指向是不一样的

    调用方式 非严格模式 备注
    普通函数调用 window 严格模式下是 undefined
    构造函数调用 实例对象 原型方法中 this 也是实例对象
    对象方法调用 该方法所属对象 紧挨着的对象
    定时器函数 window
    事件绑定方法 绑定事件对象
  • 相关阅读:
    Sublime Text 3 Build 3143 可用License
    npm安装cnpm报错
    使用proxy来简单的实现一个观察者
    时间倒计时提醒
    JavaScript设计模式
    异步方法(promise版)出错自调用
    co模块源码学习笔记
    go new() 和 make() 的区别
    广度优先搜索算法
    并发和并行有什么区别?(转)
  • 原文地址:https://www.cnblogs.com/dreamtown/p/14539430.html
Copyright © 2011-2022 走看看