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


Posted in Javascript onJune 14, 2016

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

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。

Javascript 相关文章推荐
jquery之empty()与remove()区别说明
Sep 10 Javascript
基于jquery异步传输json数据格式实例代码
Nov 23 Javascript
Javascript的&&和||的另类用法
Jul 23 Javascript
jQuery插件windowScroll实现单屏滚动特效
Jul 14 Javascript
jQuery实现form表单序列化转换为json对象功能示例
May 23 jQuery
微信小程序倒计时功能实例代码
Jul 17 Javascript
微信小程序实现动态显示和隐藏某个控件功能示例
Dec 14 Javascript
如何优雅地在vue中添加权限控制示例详解
Mar 07 Javascript
基于JS开发微信网页录音功能的实例代码
Apr 30 Javascript
深入理解Antd-Select组件的用法
Feb 25 Javascript
vue 通过 Prop 向子组件传递数据的实现方法
Oct 30 Javascript
三种方式清除vue路由跳转router-link的历史记录
Apr 10 Vue.js
Jquery基础之事件操作详解
Jun 14 #Javascript
好好了解一下Cookie(强烈推荐)
Jun 14 #Javascript
巧方法 JavaScript获取超链接的绝对URL地址
Jun 14 #Javascript
使用js获取地址栏参数的方法推荐(超级简单)
Jun 14 #Javascript
返回函数的JavaScript函数
Jun 14 #Javascript
js数组的五种迭代方法及两种归并方法(推荐)
Jun 14 #Javascript
Web程序员必备的7个JavaScript函数
Jun 14 #Javascript
You might like
CodeIgniter输出中文乱码的两种解决办法
2014/06/12 PHP
php生成QRcode实例
2014/09/22 PHP
PHP实现下载断点续传的方法
2014/11/12 PHP
thinkphp制作404跳转页的简单实现方法
2016/09/22 PHP
php的扩展写法总结
2019/05/14 PHP
JQuery文本框高亮显示插件代码
2011/04/02 Javascript
捕获键盘事件(且兼容各浏览器)
2013/07/03 Javascript
JS 有趣的eval优化输入验证实例代码
2013/09/22 Javascript
JS比较两个时间大小的简单示例代码
2013/12/20 Javascript
jquery 实现两级导航菜单附效果图
2014/03/07 Javascript
javascript实现跨域的方法汇总
2015/06/25 Javascript
动态加载js文件简单示例
2016/04/21 Javascript
页面向下滚动ajax获取数据的实现方法(兼容手机)
2016/05/24 Javascript
微信小程序下拉刷新界面的实现
2017/09/28 Javascript
vue 开发一个按钮组件的示例代码
2018/03/27 Javascript
nodejs初始化init的示例代码
2018/10/10 NodeJs
浏览器事件循环与vue nextTicket的实现
2019/04/16 Javascript
详解js location.href和window.open的几种用法和区别
2019/12/02 Javascript
Vue-cli3多页面配置详解
2020/03/22 Javascript
vue 实现在同一界面实现组件的动态添加和删除功能
2020/06/16 Javascript
图解JS原型和原型链实现原理
2020/09/15 Javascript
详解Python函数作用域的LEGB顺序
2016/05/14 Python
flask-socketio实现WebSocket的方法
2018/07/31 Python
对django中render()与render_to_response()的区别详解
2018/10/16 Python
Python3爬虫爬取百姓网列表并保存为json功能示例【基于request、lxml和json模块】
2018/12/05 Python
Win10下用Anaconda安装TensorFlow(图文教程)
2020/06/18 Python
Python 如何测试文件是否存在
2020/07/31 Python
css3实现针线缝合效果(图解步骤)
2013/02/04 HTML / CSS
马来西亚和新加坡巴士票在线预订:CatchThatBus
2018/11/17 全球购物
东方通信股份有限公司VC面试题
2014/08/27 面试题
可口可乐广告词
2014/03/20 职场文书
公司新年寄语
2014/04/04 职场文书
基层党员公开承诺书
2014/05/29 职场文书
2015年上半年信访工作总结
2015/03/30 职场文书
文艺委员竞选稿
2015/11/19 职场文书
浅谈Redis的keys命令到底有多慢
2021/10/05 Redis