函数四种调用模式

函数四种调用模式

解析

//函数模式：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));