函数四种调用模式

函数四种调用模式

解析

//函数模式：this -> window
//方法模式：this -> 谁调用this就是谁
//构造函数模式：this -> 创建出来的对象

// 上下文模式
// 特点：this可以指定
// 作用：借用、方法
// 语法：函数.apply(对象, 数组或伪数组)
    //第一个参数：表示this，在函数体内部this指向这这个参数，也就是让谁来调用这个方法
    //第二个参数：数组或伪数组中的每一个元素都将作为调用函数的参数

1. 函数模式

    function fn(){
        console.log(this);
    }
    fn(); // window

2. 方法模式

var obj = {
    say: function(){
        console.log(this);
    }
}
obj.say();  // obj

3. 构造器模式

function Person(){
    this.name = "jack";
    //return 1;
    //return "abc";
    //return true;
    //return null;
    //return undefined;
    // 构造函数return基本类型值都会被忽略，this依然指向构造函数创建的对象
    return {age: 123}
}
var p = new Person();
console.log(p);  //此时p是构造函数返回的对象，新创建的对象被放弃

工厂模式和寄生模式

如果写的代码是给自己用的，推荐使用工厂模式
如果写的代码是给其他人用的，推荐寄生模式（更加直观，一眼就能看到是在创建对象）
function Person(){
    return {
        name: "jack"
    }
}
// 工厂模式
var p1 = Person();

// 寄生模式
var p2 = new Person();

1. 上下文模式

   function fun(){
       //获取实参列表
       //数组有一个方法join("-")可以将数组中的元素以参数中的内容相连
       //arguments可以借用这个方法
       //这个方法是谁提供的呢？
       //随便定义的一个数组都可以使用该方法，说明这个方法是原型对象提供的
       //即：Array.prototype提供的;所有的数组也都有这个方法
   
       //var result = Array.prototype.join.apply(arguments,["-"]); //第2个参数必须是数组
       //var result = [].join.apply(arguments,["-"]);
   
       // [].slice: 代表这个方法是谁提供的，和Array.prototype.slice一个道理
       // 让后将这个方法应用给arguments
       // 函数.apply后函数就执行了
       // 这个方法不加参数执行之后返回的是原数组
       // 传递一个参数也就是arguments调用了这个方法返回了一个真正的数组啦
       var arr = [].slice.apply(arguments);
       var result = arr.join("-")
       return result;
   }
   console.log(fun(3, "sd", "33", 346));