JavaScript函数中关于valueOf和toString的理解

 更新时间:2016年06月14日 15:27:10   作者:jian,zhou  
本文给大家介绍JavaScript函数中关于valueOf和toString的理解,简单的说就是需要转换为字符串时,会调用toString,需要转换为数字时需要调用valueOf。对js valueof tostring知识感兴趣的朋友一起学习吧

今天看到一个试题,实现如下语法的功能:

var a = add(2)(3)(4); //9 

这个就是一个高阶函数的应用,分析:add(2)会返回一个函数,add(2)(3)也会返回一个函数,最后add(2)(3)(4)返回一个数值。

实现:

function add(num1){
return function(num2){
return function(num3){
return num1+num2+num3;
}
}
}
add(2)(3)(4);//9 

这个没有错的,可以完美解决问题。

优化:这里只讨论关于高阶函数的部分,对于更好的解决方案,可以实现无限这种调用,

//方法一
function add(a) {
var temp = function(b) {
return add(a + b);
}
temp.valueOf = temp.toString = function() {
return a;
};
return temp;
}
add(2)(3)(4)(5);//14
//方法二、另看到一种很飘逸的写法(来自Gaubee):
function add(num){
num += ~~add;
add.num = num;
return add;
}
add.valueOf = add.toString = function(){return add.num};
var a= add(3)(4)(5)(6); // 18
//方法二注释:其实就相当于,只不过对函数应用了自定义属性,用于存储值。
;(function(){
var sum=0;
function add(num){
sum+=num;
return add;
}
add.valueOf=add.toString=function(){return sum;}
window.add=add;
})()
var a= add(3)(4)(5)(6); // 18[/code]

这是我在[url=http://www.cnblogs.com/wengxuesong/p/5577683.html]博客园[/url]看到的文章中写的,对于其中的方法一和方法二 一直不理解,也尝试在控制台输出 [code=javascript,javascript 代码,true]function 9

var temp = function() {
}
temp.valueOf = function() {
return 2;
}
temp.toString = function() {
return 'hahh';
}
alert(temp);
console.log(2 * temp); 

需要转换为字符串时,会调用toString,需要转换为数字时需要调用valueOf。

相关文章

  • 初学js插入节点appendChild insertBefore使用方法

    初学js插入节点appendChild insertBefore使用方法

    由于可见insertBefore()方法的特性是在已有的子节点前面插入新的节点但是两种情况结合起来发现insertBefore()方法插入节点,是可以在子节点列表的任意位置。
    2011-07-07
  • JavaScript利用闭包实现模块化

    JavaScript利用闭包实现模块化

    本文主要介绍了JavaScript利用闭包实现模块化的方法。具有一定的参考价值,下面跟着小编一起来看下吧
    2017-01-01
  • javascript中打印当前的时间实现思路及代码

    javascript中打印当前的时间实现思路及代码

    打印当前的时间的方法有很多,在本文为大家详细介绍下使用javascript是如何做到的,具体实现如下,感兴趣的朋友可以参考下
    2013-12-12
  • js Dialog 实践分享

    js Dialog 实践分享

    在我们的WebApp项目中,Dialog是个不可或缺的元素,很多页面操作都通过Dialog来进行,今天我们就Dialog显示数据、提交数据做进一步分析
    2012-10-10
  • 了解Javascript中函数作为对象的魅力

    了解Javascript中函数作为对象的魅力

    这篇文章主要介绍了了解Javascript中函数作为对象的魅力,javascript中函数可以有属性,可以有方法, 可以享有所有对象所拥有的特性。并且最重要的,她还可以直接被调用,需要的朋友可以参考下
    2019-06-06
  • jquery插件锦集【推荐】

    jquery插件锦集【推荐】

    本文主要分享了jquery插件: 时钟效果; 倒计时; 全选效果; tab点击切换; tab鼠标移动切换; 文本输入搜索等。具有很好的参考价值需要的朋友一起来看下吧
    2016-12-12
  • JS中style.display和style.visibility的区别实例说明

    JS中style.display和style.visibility的区别实例说明

    下面的例子说明了这种区别:在这个例子中,divContent1和divContent2隐藏的时候用的是style.display=none,这时候,后面的div会向上移动,占据已经隐藏的div的空间。divContent3和divContent4用的是style.visibility=hidden来隐藏,但是其隐藏后仍然占据原来的空间
    2013-03-03
  • JS中怎样判断undefined(比较不错的方法)

    JS中怎样判断undefined(比较不错的方法)

    用servlet赋值给html页面文本框值后,用alert来弹出这个值.结果显示"undefined".下面为大家介绍下具体的判断方法,大家可以参考下
    2014-03-03
  • JavaScript实现随机生成验证码及校验

    JavaScript实现随机生成验证码及校验

    这篇文章主要为大家详细介绍了JavaScript实现随机生成验证码及校验,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-06-06
  • JS Date时间格式化的方法

    JS Date时间格式化的方法

    这篇文章主要介绍了JS Date时间格式化的方法,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧
    2024-01-01

最新评论