JavaScript函数中关于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常用函数push()、pop()、shift()、unshift()、slice()和splice()等详解
这篇文章主要给大家介绍了关于js常用函数push()、pop()、shift()、unshift()、slice()和splice()等的相关资料,js中数组操作函数还是非常多的,今天忽然想到来总结一下,也算是温故而知新吧,需要的朋友可以参考下2023-11-11Js中FileReader读取文件内容方法详解(async/await)
这篇文章主要给大家介绍了关于Js中FileReader读取文件内容(async/await)的相关资料,FileReader是前端进行文件处理的一个重要的Api,特别是在对图片的处理上,如果你想知道图片的处理原理,你就永远不可能绕过它,需要的朋友可以参考下2023-11-11ES6中Proxy与Reflect实现重载(overload)的方法
这篇文章主要介绍了ES6中Proxy与Reflect实现重载(overload)的方法,分析了重载的原理及使用Proxy和Reflect来实现重载的操作步骤与相关技巧,需要的朋友可以参考下2017-03-03
最新评论