江太公：javascript count(a)(b)(c)(d)运行过程思考
昨天，我弟抛给我一个js的题，使用类似标题那样的调用方法计算a*b*c*d以致无穷的实现方法。思考了半天，终于理清了它的运行过程，记录于下：
函数体：
<!DOCTYPE html>
<html>
<head>
<title>a</title>
</head>
<body>
<p id="a"></p>
<script type="text/javascript">
function count(x){
var fn = function(y){
return count(x*y);
}
fn.toString = function(){
return x;
};
return fn;
}
alert(count(77)(33)(55));
</script>
</body>
</html>
这个函数的另外一个实现方法：
<!DOCTYPE html>
<html>
<head>
<title>a</title>
</head>
<body>
<p id="a"></p>
<script type="text/javascript">
function count(x){
count.toString = function(){
return this.p;
};
count.p = (count.p || )* x;
return count;
}
alert(count()()());
</script>
</body>
</html>
第一种：
如果计算一个单值，count（77），fn被赋值一个函数function（）{return count（x*y）}，这个函数的目的是传另外参数并返回函数本体进行递归，当然此时只是赋值不会调用，接着将fn的内置构造函数重新定义为function（）{return x；}，其目的是当fn被调用的时候，自动调用toString方法，返回传过来的x值，最后返回被赋值函数的fn变量。此时fn的toString方法被调起，返回77。结束。
而若计算count（77）（33），第一次运行过程跟上面类似，当fn被调起的时候实际类同于fn（33），也即33作为y参传入被赋值函数的fn变量函数，由于未退出count函数体，x参未被覆盖，还被驻留在内存中，因此在count（x*y）中被计算，成了count（77*33）也即count（2541），这个计算过程发生在fn被调用的时候，然后递归调用count，此时x变为2541，fn的toString的x将返回这个值。也即在结束跳出函数体的时候fn调用了toString最终返回2541。
再计算count（77）（33）（55），前面运算过程同上，此时被传入的x是2541，fn被赋值函数体，fn的toString方法被重写，然后fn返回，如果被调起，则进入fn的函数体执行，此时的x2541还在内存中，y55被传入，count再次递归，x变成了2541*55，即139755，被作为toString自动调起的时候的返回值返回。
第二种：
给函数定义一个变量p，p的初始值被赋予了1，目的是在做第一次乘法运算的时候不改变x值，将其与传进来的x参数进行乘积后的结果返回给toString这个自调起的方法，当count在最后返回的时候，自动调用toString，计算count（33）（55）（77），它就是一步步从里到外计算的过程，每次都改变传入的this.p值，最终返回他。
以上即是对这个问题实现后js内部运行过程的思考。不知对还是不对。有大神经过麻烦指教。
江太公：javascript count(a)(b)(c)(d)运行过程思考的更多相关文章
- [JavaScript] js实现简单的代码运行框
<script type="text/javascript">// <![CDATA[ function runCode(obj) { var winname = ...
- javascript的运行过程以及setTimeout的运行机制
关于javascript的运行机制大家都应该有所了解了吧,其实javascript是一个单线程的机制,但是因为队列的关系它的表现会让我们感觉是一个多线程的错觉.javascript在运行的时候是这样的 ...
- javaScript语言的预编译与运行
JS代码执行的过程: 1.预编译 ---- 事先对js代码做一个预处理 2.代码运行---开始执行JS代码. JS编程: 1.加载DOM的最好在/BODY之前 2.与DOM渲染无关的放在Head里面 ...
- 【Hight Performance Javascript】——脚本加载和运行
脚本加载和运行 当浏览器遇到一个<script>标签时,无法预知javascript是否在<p>标签中添加内容.因此,浏览器停下来,运行javascript代码,然后继续解析. ...
- JavaScript 基础：Babel 转译 class 过程窥探
零.前言 虽然在 JavaScript 中对象无处不在,但这门语言并不使用经典的基于类的继承方式,而是依赖原型,至少在 ES6 之前是这样的.当时,假设我们要定义一个可以设置 id 与坐标的类,我们会 ...
- JavaScript new的运行过程
参考 MDN网站的运算符 https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/new new 运算符 ...
- javascript 解决provisional headers are shown的过程
请求没有被发送,因为是载入缓存资源. 大概是说 完全相同的请求间隔数毫秒(太短),导致加载失败,查看了chrome控制台发现 Provisional headers are shown 出现在 载入缓 ...
- 【转】Eclipse中查看jar包中的源码
(简单的方式:通过jd-gui来进行反编译,最简单!,参考我的另一篇博文, 地址:http://www.cnblogs.com/gmq-sh/p/4277991.html) Java Decompil ...
- Java Decompiler Plugin For Eclipse IDE
1. 下载JAD , 1.5.8版本的jad在 http://www.softpedia.com/progDownload/JAD-Download-85911.html 将展开后的jad.exe放到 ...
随机推荐
- android VelocityTracker 速度追踪器的使用及创建
VelocityTracker 速度追踪 第一,创建方式: VelocityTracker mVelocityTracker = new VelocityTracker .obtain() 第二, ...
- 【Swift 2.0】实现简单弹幕功能
前言 简单实现弹幕功能,表跟我谈效率,但也有用队列控制同时弹的数量. 声明 欢迎转载,但请保留文章原始出处:) 博客园:http://www.cnblogs.com 农民伯伯: http://over ...
- log4j配置
log4j.rootCategory=DEBUG , R, D,stdout # Console log4j.appender.stdout=org.apache.log4j.ConsoleAppen ...
- C# .net dotnet属性定义属性，以提供显示明称，默认值
//使用显示名称初始化 System.ComponentModel.DisplayNameAttribute 类的新实例. displayName 显示名称 [DisplayName("we ...
- SqlServer数据冗余的问题和解决
1问题: 1>造成了存储空间的浪费. 2>更新异常.删除异常. 所以一般情况不允许在表中出现数据冗余. 2怎么解决? 把原来表中的数据拆分成多个表来存储. 当把表中的信息拆分成多个表来存储 ...
- 初识sqoop
Sqoop 产生背景 Sqoop 的产生主要源于以下几种需求: 1.多数使用 Hadoop 技术处理大数据业务的企业,有大量的数据存储在传统的关系型数据库(RDBMS)中. 2.由于缺乏工具的支持,对 ...
- 问题解决——CVSListBox的使用
=================================版权声明================================= 版权声明:本文为博主原创文章 未经许可不得转载 请通过右 ...
- mysql内置函数大全
mysql 字符串函数用法集合 ASCII(str)返回字符串str的最左面字符的ASCII代码值. mysql> select ascii('d'); +------------+ | asc ...
- 部署私有Docker Registry和使用
环境 vmware虚拟机 Ip:192.168.190.139 Ip:192.168.190.140 Ip:192.168.0.122 registry Docker 1.12.2 Docker 版本 ...
- 编译安装zabbix 3.0及分开部署配置详解
实验系统:CentOS 6.6_x86_64 实验前提:提前准备好编译环境,防火墙和selinux都关闭 实验说明:本实验共有4台主机,IP及角色分配如拓扑 下载地址:试验中用到mariadb软件的下 ...