JS高级---函数中的this的指向,函数的不同调用方式

Posted jane_panyiyun

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS高级---函数中的this的指向,函数的不同调用方式相关的知识,希望对你有一定的参考价值。

函数中的this的指向

 

  • 普通函数中的this是谁?-----window
  • 对象.方法中的this是谁?----当前的实例对象
  • 定时器方法中的this是谁?----window
  • 构造函数中的this是谁?-----实例对象
  • 原型对象方法中的this是谁?---实例对象

 

    //严格模式:
    "use strict";//严格模式
    function f1() {
      console.log(this);//window
    }
    f1() 

 

 

函数的不同调用方式

 

    //普通函数
    function f1() {
      console.log("文能提笔控萝莉");
    }
    f1();

    //构造函数---通过new 来调用,创建对象
    function F1() {
      console.log("我是构造函数,我骄傲");
    }
    var f=new F1();

    //对象的方法
    function Person() {
      this.play=function () {
        console.log("玩代码");
      };
    }
    var per=new Person();
    per.play();

 

 

以上是关于JS高级---函数中的this的指向,函数的不同调用方式的主要内容,如果未能解决你的问题,请参考以下文章

JS高级——深入剖析函数中的this指向问题

js高级-函数的四种调用模式

ES6箭头函数this指向

js原型链和继承的理解

js高级

js函数中this的指向