码迷,mamicode.com
首页 > 移动开发 > 详细

关于JS中apply方法的基本理解

时间:2015-06-23 15:23:11      阅读:151      评论:0      收藏:0      [点我收藏+]

标签:

最近研究OpenLayers源码时,发现其中使用了比较多的apply方法,对其也是很不明白。于是上网经过多方面了解以及自己细细体会后,终于算是基本明白是其干什么的了,这里分享下。
apply方法的造型是这样的,Function.apply(obj,args) 能接收两个参数:
obj:这个对象将代替Function类里this对象
args:这个是数组,它将作为参数传递。
按网上大牛的解释是apply:劫持另外一个对象(a)的方法,继承a的属性.
为了进一步理解,我自己做了下小例子,如下:

(function () {
    /*定义一个方法 rockMeber 有两个属性 name、location*/
    var rockMeber = function (name, loction) {
        this.name = name;
        this.loction = loction;
    };

    /*再定义一个方法 rockTeam 会调用rockMeber*/
    var rockTeam = function (name, loction, teamName) {
         /*
         *可以这么理解:this为当前的rockTeam,arguments为参数列表数组形式。
         *执行apply方法时,rockMeber中的this就是rockTeam,
         *所以rockTeam也会有name、location属性并进行赋值。
         *同时会将this(rockTeam)返回。所以我们进行输出时,rockteam就会有相应的属性值。
         *也可以这么理解为:rockMeber将属性创建到了rockTeam对象里面。
         */
        rockMeber.apply(this, arguments);
        
        this.teamName = teamName;
    };

    $(‘#havetry‘).click(function () {
        var rockteam = new rockTeam(‘石头‘, ‘吉他手‘, ‘mayday‘);
        $(‘#result‘).text(‘名字:‘   rockteam.name   ‘   ‘   ‘职位:‘   rockteam.loction   ‘   ‘   ‘乐队:‘   rockteam.teamName);
    });

});

  代码中的注释写的也比较清楚,就不多说了,这就是我对apply的理解。

 

关于JS中apply方法的基本理解

标签:

原文地址:http://www.cnblogs.com/airbreak/p/4595349.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!