• JavaScript函数调用模式


    1、方法调用模式:

    var myObj = {
        value : 0;
        increment:function(inc){
            this.value += typeof inc === 'number' ? inc : 1;
        }
    }
    myObj.increment();
    console.info(myObj.value); // 1        
    

      

    2、函数调用模式:

    当一个函数并非一个对象的属性时,那么它被当做一个函数来使用,这时 this 被绑定到全局对象,要解决这个问题,需要在内部重新命名一个变量。获取内部函数的控制权

    myObj.double = function(){
        var _self = this;
        var helper = function(){
            _self.value = add(_self.value,_self.value);
        }
        helper(); //函数形式调用helper
    };
    myObj.double();
    console.info(myObj.value);
    

      

    3、构造器模式:

    如果在一个函数前面带上new来调用,那么将创建一个隐藏连接到该函数的prototype成研的新对象,同时this将会被绑定到新对象上。

    var Quo = function(str){
        this.status = str;
    }
    Quo.prototype.get_status = function(){
        return this.status;
    }
    //构造一个Quo实例
    var myQuo = new Quo("abc");
    console.info(myQuo.get_status());
    

      

    4、Apply 模式:

    apply方法构建一个参数数组并用其去调用函数,也允许我们选择this值,apply接收两个参数,一个是将被绑定给this的值,另一个是参数数组。

    var arr = [3,4];
    var sum = add.apply(null,arr);
    
    //构造一个包含status成员的对象
    var statusObj = {
        status : "OK"
    };
    //statusObj 并没有继承自Quo.prototype,但可以在statusObj上调用get_status方法,尽管statusObj并没有一个名为get_status的方法。
    var status = Quo.prototype.get_status.apply(statusObj);
    console.info(status);  //"OK"
  • 相关阅读:
    cocoapods使用遇到的一些问题
    so
    UITextField的各种属性方法介绍
    <<第1章 初识JAVA>>
    《第16章 复习》
    《第17章 图书管理系统》
    《第15章 字符串》
    《第13章 猜拳游戏》
    《第14章 带参数的方法》
    《第12章 类的无参方法》
  • 原文地址:https://www.cnblogs.com/hunterCecil/p/5690374.html
Copyright © 2020-2023  润新知