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

JavaScript call和apply的用法

时间:2015-07-27 22:40:19      阅读:113      评论:0      收藏:0      [点我收藏+]

标签:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
</head>
<body>
    <div id="div1">div1</div>
    <div id="div2"></div>
    <script type="text/javascript">
        function add() {
            var a = arguments;
            var count = 0;
            for (var i = 0, len = a.length; i < len ; i++) {
                count += a[i];
            }
            this.innerHTML = count;//注意this的含义
        };
        add(1, 2, 3);//此时this=window;
        //this代表div1对象
        //解释add在运行的时候,并且add函数里面的this关键字指向call的第一个参数,从第二个参数起,都是传给add这个方法;
        add.call(document.getElementById(‘div1‘),1,2,3);
        //apply 只有两个参数,第二个是个集合,是arguments形式的。
        add.apply(document.getElementById(‘div1‘),[1,2,3]);
    </script>
</body>
</html>

  

JavaScript call和apply的用法

标签:

原文地址:http://www.cnblogs.com/alphafly/p/4681375.html

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