zoukankan      html  css  js  c++  java
  • 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"
  • 相关阅读:
    18、【opencv入门】形态学图像处理(一):开运算、闭运算、形态学梯度、顶帽、黑帽合辑
    17、【opencv入门】形态学图像处理(一):膨胀与腐蚀
    16、【opencv入门】创建Trackbar & 图像对比度、亮度值调整
    c++ 售货员的难题
    c++ 火柴棒等式
    c++ 素数圈
    c++ 分解数
    c++ 走迷宫
    c++ 二叉树遍历
    c++ n皇后问题
  • 原文地址:https://www.cnblogs.com/hunterCecil/p/5690374.html
Copyright © 2011-2022 走看看