首页 > 网站 > WEB开发 > 正文

JavaScript进阶系列04,函数参数个数不确定情况下的解决方案

2024-04-27 14:18:28
字体:
来源:转载
供稿:网友

javaScript进阶系列04,函数参数个数不确定情况下的解决方案

本篇主要体验函数参数个数不确定情况下的一个解决方案。先来看一段使用函数作为参数进行计算的实例。

        var calculate = function(x, y, fn) {
            return fn(x, y);
        };
        var sum = function(x, y) {
            return x + y;
        };
        var diff = function(x, y) {
            return x - y;
        };
        var sumResult = calculate(1, 2, sum),
            diffResult = calculate(1, 2, diff);

但是,以上有一个问题:弹性不够好,如果caculate需要多个形参,我们可能这样写:

var calculate = function(x, y, z, a, b, c, fn){}

这样,每次需求改变,都要更改这里的参数,显得非常不方便。

我们知道,不管函数有多少个参数,所有的参数都会被保存到arguments到这个数组类型中。试想一下,如果我们可以从argments数组中拿到最后一个元素,即代表函数的fn,再把其它数组元素作为fn的参数,执行fn(arguments),这样,不管方法的参数列表有多长,都可以把所有参数放到argments中再传递给函数。

还记得Array有一个原型方法pop,能把数组的最后一个元素弹出,如果能把这个方法应用到arguments上,不就可以拿到arguments的最后一个元素、fn函数了吗?而实际上,Javascript是允许把一个对象的方法应用到另外的对象上的!

先来熟悉一下如何使用吧。

□ 把一个对象的方法应用到另外一个对象

※ 不传递参数

        var obj = {
            name: "myname",
            doSth: function() {
                alert(this.name);
            }
        };
        var foo = {
            name: "my name is foo"
        };
        var bar = {
            name: "my name is bar"
        };
        obj.doSth();

输出结果:myname

如果我们想把obj对象的doSth方法应用到foo对象,可以使用apply方法,把最后一行改为:

obj.doSth.apply(foo);

输出结果:my name is foo

※ 传递参数

如果obj对象的doSth方法带参数,使用apply方法是否能把doSth方法的参数传递给foo或bar对象呢?

        var obj = {
            name: "myname",
            doSth: function(x, y) {
<PRe style="font-size: 11px; font-family: consolas,'Courier New',courier,monospace; width: 100%; margin: 0em; background-color: #f0f0f0"
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表