首页 > 编程 > JavaScript > 正文

Javascript 函数的四种调用模式

2019-11-19 19:03:36
字体:
来源:转载
供稿:网友

Javascript 函数的四种调用模式

1  函数模式

     最普通的函数调用

// 声明式函数function fn1 () {   console.log(this);}// 函数表达式函数var fn2 = function() {   console.log(this);};// 调用 函数中this表示全局对象,在浏览器中就是指windowfn1();   //windowfn2();   //window

 2 方法模式

     函数依附于一个对象,是对象的一个属性,我们再调用这个函数。这种模式就是方法调用模式。

var obj = {  name: "zhangSan",  sayHi: function () {    console.log(this);  }};obj.sayHi(); //obj对象

3 构造器调用模式

即是构造函数的调用,一般是通过new + 函数名( ),这种模式和以上的方法模式没本质的区别

function Person() {}var tom = new Person(); // 这就是构造器函数的调用 // 构造函数调用的详细过程// 1 会在内部创建一个对象o// 2 给对象赋值(this), 然后执行各种操作// 3 返回这个对象o// 构造函数的返回值: // //  有一个默认的返回值,新创建的对象(实例); //  当手动添加返回值后(return语句): //     1. 返回值是基本数据类型-->真正的返回值还是那个新创建的对象(即实例) //    2. 返回值是复杂数据类型(对象)-->真正的返回值是这个对象

4 上下文模式

本质--对象借用不属于该对象的方法(函数),即我们自定义this的指向

这时候就需要call和apply这两个方法

//Function.prototype.call ()  //Function.prototype.apply ()  //――>任何函数都可以调用call和apply方法  // 第一个参数控制this的指向,第二个参数:        在使用 上下文调用的 时候, 原函数(方法)可能会带有参数, 那么这个参数在上下文调用中使用 第二个( 第 n 个 )参数来表示
//伪数组  var o={ 0:10,1:20,length:2 };  //让o对象借用数组的push方法来添加元素  //[].push.call(o,30,50,70)  [].push.apply(o,[1,2,3])  console.log(o);//其中对象o中length属性的值也会改变的哦

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表