js进阶: 函数调用的四种方式

版权声明:转载请注明出处 https://blog.csdn.net/weixin_43586120/article/details/87971683

function fn(){}

1)直接调用:fn();

2)当成构造函数调用:new  fn();(构造函数规范写法为首字母大写,此处只为说明问题)

      -附加说明: 构造函数的返回值情况

      1⃣️构造函数没有手动添加返回值,返回构造函数的实例;

      2⃣️构造函数返回基本数据类型的值,返回的还是构造函数的实例;

      3⃣️构造函数返回对象类型的值,返回就是那个对象;

      4⃣️new命令本身就可以执行构造函数,所以后面的构造函数可以带括号,也可以不带括号。(这里为了表示是函数调用,推荐带括号写)

3)作为对象方法调用:o.fn();

4)上下文模式:通过call/apply方法立即调用(即使在定时器中,无需等待时间,而bind改变this指针是通过定时器来调用函数的,需要等待时间)

     注: call的第一个参数是一个this指针指向的对象,后面的参数则是函数调用时所需的参数。

     1⃣️如果第一个参数为空、null和undefined,则默认传入全局对象window。

     2⃣️如果call方法的第一个参数是字符串、数字、布尔值,则fn函数内部的this的值会转换为该类型所对应的基本包装类型的对象。

function foo(){ 
    console.log(this);
}
foo.call(2);   //Number {2}

猜你喜欢

转载自blog.csdn.net/weixin_43586120/article/details/87971683