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

Posted suanmei

tags:

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

1、对象方法调用模式  方法内部的this指向当前调用者的对象d

  定义类 (构造函数)

  function Dog (dogName){

    //创建一个空对象   让空对象==this

    this.name =  dogName;

    this.age = 0;

    this.run = function(){

      console.log(this.name + ‘is running...‘)

    }

    //如果函数当做构造函数来调用(new)并且没有返回任何数据的时候 默认返回this

  }

  var d= new Dog(‘wangwang‘);

  d.run();

 

2、构造器调用模式 new

  function Cat(){

    this.name = "cat"

    this.age = 19;

    this.run = function(){

      console.log(this.name + ‘is running...‘)

    }

  }

  var cat = new Cat();  //构造函数调用模式

  cat.run()  //方法调用模式

 

3、函数调用模式

  function f(a,b){

    console.log(a+‘‘+b)

    console.log(this)  window

  }

  f(2,3)

  习题

  function Dog(){

    this.age = 19;

    console.log(this)

  }

  Dog()  //window  函数调用模式

  var d = new Dog();  //d  构造函数调用模式

 

4、

以上是关于js高级-函数的四种调用模式的主要内容,如果未能解决你的问题,请参考以下文章

JS函数调用的四种方法

js中this的四种调用模式

函数的四种调用模式

第164天:js方法调用的四种模式

函数的四种调用模式.上下文调用.call.apply

js种函数调用的四种方式