开博客有一段时间了,一直没动笔,原因是确实没看到什么值得写的内容。直到今天在司徒正美的博客里看到一个问题。

http://www.cnblogs.com/rubylouvre/archive/2012/02/15/2351991.html

function add(x) {________}; alert(add(2)(3)(4)); //填空,使结果为9

add函数有点柯里化的意思。其实这道题本身并不难,我之前刷题的时候也遇到过这道题,当时的解法是类似于上面链接里的解法二。

但是一直以来我都不认为这是一个好的解法,因为这样add函数就只能接受三个数相加。

而正美大大的解法了参数数量的问题

//司徒正美
function add (a){
if(!isFinite(add.i)){
add.i = a
}else {
add.i += a;
}
add.valueOf = add.toString = function(){
return add.i
}
return add;
}
alert(add(2)(3)(4))

其实这类无限加法的问题要解决的最大的问题就在于返回值:如果想要实现连续函数执行就需要return add;但是问题在于这样写的话函数就不知道什么时候我不再输入数字了。在腾讯某前端团队出的《JavaScirpt设计模式》中柯里化一节中的一个例子中也有这个问题,它的处理方法是如果不写形参直接执行就代表输入完毕,该输出结果了。(e.g. add(1)(2)(3)())而在这里正美大大的处理方法是利用了alert方法的特性:如果参数不是String,那么就会默认的调用对象的toString方法,在toString方法中实现返回值的作用。不过有一点让我困惑的是为什么为什么同时重写了valueOf方法,后来我找到了这篇文章:

http://www.jb51.net/article/34843.htm

大家看第二段代码就可以了,大概的意思是alert调用的也不一定就是toString方法,有的时候调用的是valueOf。但是对于什么时候是toString什么时候是valueOf,还需要进一步研究。

我选择这篇文章来探讨的主要原因是这段代码巧妙利用了一个alert默认调用toString的特点,来完成输出值的目的。也可以算成是对象方法的重写的一个应用。

JavaScript中函数的无限次运算问题的更多相关文章

  1. JavaScript中函数函数的定义与变量的声明<基础知识一>

    1.JavaScript中函数的三种构造方式 a.function createFun(){ } b.var createFun=function (){ } c.var createFun=new ...

  2. Javascript中函数的四种调用方式

    一.Javascript中函数的几个基本知识点: 1.函数的名字只是一个指向函数的指针,所以即使在不同的执行环境,即不同对象调用这个函数,这个函数指向的仍然是同一个函数. 2.函数中有两个特殊的内部属 ...

  3. JavaScript中函数的形参和实参的实现原理剖析

    我们都知道JS里面参数的传递是可以不一样的,比如我们有一个函数: <script type="text/javascript"> function one(a,b,c) ...

  4. JavaScript 中函数节流和函数去抖的讲解

    JavaScript 中函数节流和函数去抖的讲解 我们都知道频繁触发执行一段js逻辑代码对性能会有很大的影响,尤其是在做一些效果实现方面,或者逻辑中需要进行后端请求,更是会导致卡顿,效果失效等结果,所 ...

  5. JavaScript中函数是不能重载原因

    以前有一次写JS插件的时候,由于后台写习惯了,妄想在JS中写重载函数,可惜不能成功,原因花了一点时间记了下来 首先要理解重载的含义:函数返回值不同或者形式参数个数不同但函数名相同的函数 JavasSc ...

  6. JavaScript中函数的调用

    JavaScript中函数的调用 制作人:全心全意 在JavaScript中,函数定义后并不会自动执行,要执行一个函数需要在特定的位置调用该函数,调用函数需要创建调用语句,调用语句包含函数名称和参数. ...

  7. JavaScript中函数的定义

    JavaScript中函数的定义 制作人:全心全意 在JavaScript中,函数是由关键字function.函数名加一组参数以及置于大括号中需要执行的一段代码定义的.定义函数的基本语法格式如下: f ...

  8. JavaScript中函数作为另一个函数的参数的时候它存在于哪个作用域

    一直对函数作为参数被传递进另外一个函数理解的不是很清除.先看下这段代码吧: function test(fn){ var bar = 1; fn(); } var bar = 99; test(fun ...

  9. javascript中函数声明、变量声明以及变量赋值之间的关系与影响

    javascript中函数声明.变量声明以及变量赋值之间的关系与影响 函数声明.变量声明以及变量赋值之间有以下几点共识: 1.所有的全局变量都是window的属性 2.函数声明被提升到范围作用域的顶端 ...

随机推荐

  1. 03_Nginx加入新模块

     1 进入nginx安装文件夹,查看nginx版本号及其编译參数: [root@localhost nginx]# ./nginx -V nginx version: nginx/1.8.0 bu ...

  2. nginx+keepalived实现双机热备高可用性

    搭建准备: 机器两台 ip分别为192.168.100.128 192.168.100.129(能够用虚拟机測试.虚拟机网络模式为NET模式.且为静态ip) 另外须要准备一个虚拟ip对外提供服务.即通 ...

  3. WPF非UI线程中调用App.Current.MainWindow.Dispatcher提示其他线程拥有此对象,无权使用。

    大家都知道在WPF中对非UI线程中要处理对UI有关的对象进行操作,一般需要使用委托的方式,代码基本就是下面的写法 App.Current.MainWindow.Dispatcher.Invoke(ne ...

  4. Command &Prompt Here

    Windows Registry Editor Version 5.00 [HKEY_CLASSES_ROOT\Directory\shell\Command Prompt Here]@=" ...

  5. IDEA小技巧-随时更新

    © 版权声明:本文为博主原创文章,转载请注明出处 1.设置删除一行快捷键 File->Settings->keymap->Delete Line 2.设置代码提示快捷键 File-& ...

  6. 产生N个不重复的随机数的快速算法

    //seed array ,,,,,,,,,}; //随机数个数 ; //结果存放在里面 ]; ; i < N; i++) { //从剩下的随机数里生成 , startArray.length ...

  7. php图片本身有错无法显示的解决办法

    1.取消所有错误提示 2.如果没有报错,在header前(即设置输出格式前)使用ob_clean();

  8. Android 繪圖白板元件,有畫筆和板擦的功能 (转)

    package com.example.drawboard; import java.util.ArrayList; import java.util.List; import android.con ...

  9. 在diy的文件系统上创建文件的流程

    [0]README 0.1) source code are from orange's implemention of a os , and for complete code , please v ...

  10. WPF自定义选择年月控件详解

    本文实例为大家分享了WPF自定义选择年月控件的具体代码,供大家参考,具体内容如下 封装了一个选择年月的控件,XAML代码: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 ...