zoukankan      html  css  js  c++  java
  • JS函数调用的四种方法

     

    js的函数调用会免费奉送两个而外的参数就是 this 和 arguments 。arguments是参数组,他并不是一个真实的数组,但是可以使用.length方法获得长度。

    书上有说4中调用方式:

    • 方法调用模式
    • 函数调用模式
    • 构造器调用模式
    • apply调用模式

    下面我们来看看一些实例更好理解。

    1:方法调用模式。

    请注意this此时指向myobject。

    /*方法调用模式*/
        var myobject={
                value:0,
                inc:function(){
                        alert(this.value)
                    }
            }
        myobject.inc()

    2:函数调用模式

    请注意this此时指向window

    /*函数调用模式*/
        
        var add=function(a,b){
            alert(this)//this被绑顶到window
                return a+b;
            }
        var sum=add(3,4);
        alert(sum)

    3:构造器调用模式

    javascript语言精粹一书建议摒弃这中方式。因为有更好的方式。这里先不介绍。下次发表博文的时候贴出来。

    会在这里加一个连接。

    /*构造器调用模式  摒弃*/
        
        var quo=function(string){
                this.status=string;
            }
        quo.prototype.get_status=function(){
                return this.status;
            }
        var qq=new quo("aaa");
        alert(qq.get_status());

    4:apply调用模式

    ==我们可以来看一个更有用的apply实例。看最下面的代码。

    /*apply*/
        //注意使用了上面的sum函数
        //与myobject
        //这中调用方式的优点在于可以指向this指向的对象。
        //apply的第一个参数就是this指针要指向的对象
        var arr=[10,20];
        var sum=add.apply(myobject,arr);
        alert(sum);

    看这个apply真正应用。bind这是一个绑定时间的函数

    var bind=function(object,type,fn){
                if(object.attachEvent){//IE浏览器
                        object.attachEvent("on"+type,(function(){
                                                               return function(event){
                                                                   window.event.cancelBubble=true;//停止时间冒泡
                                                                   object.attachEvent=[fn.apply(object)];//----这里我要讲的是这里
                                                                   //在IE里用attachEvent添加一个时间绑定以后。
                                                                   //this的指向不是到object对象本身所以。我们绑定的function里的this.id是无法正常工作的。
                                                                   //但是如果我们用fn.apply(object)
                                                                   //这里可以看出我们是把apply的第一个对象也就是this的指向变更给了object所以this.id就变成了
                                                                   //object.id 可以正常工作了。
                                                                   
                                                                   }
                                                               })(object),false);
                    }else if(object.addEventListener){//其他浏览器
                            object.addEventListener(type,function(event){
                                                                  event.stopPropagation();//停止时间冒泡
                                                                  fn.apply(this)
                                                                  });
                        }
                
            }
        bind(document.getElementById("aaa"),"click",function(){alert(this.id)}); 

  • 相关阅读:
    Fidder4 顶部提示 “The system proxy was changed,click to reenable fiddler capture”。
    redis 哨兵 sentinel master slave 连接建立过程
    虚拟点赞浏览功能的大数据量测试
    python基础练习题(题目 字母识词)
    python基础练习题(题目 回文数)
    python基础练习题(题目 递归求等差数列)
    python基础练习题(题目 递归输出)
    python基础练习题(题目 递归求阶乘)
    python基础练习题(题目 阶乘求和)
    python基础练习题(题目 斐波那契数列II)
  • 原文地址:https://www.cnblogs.com/winyh/p/6668811.html
Copyright © 2011-2022 走看看