江太公: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放到 ...
随机推荐
- c++ 奇特的递归模板模式(CRTP)
概述 使用派生类作为模板参数特化基类. 与多态的区别 多态是动态绑定(运行时绑定),CRTP是静态绑定(编译时绑定) 在实现多态时,需要重写虚函数,因而这是运行时绑定的操作. CRTP在编译期确定通过 ...
- PHP笔记(CSS篇)
HTML常用于在网页中显示内容,当然,还可以是布局,但是比较不方便,所以,引进了CSS CSS全称Cascading Style Sheets,中文名:层叠样式表 帮助文档:CSS.chm 作用:布局 ...
- [django]表格的添加与删除实例(可以借鉴参考)
自己并未采用任何表格插件,参考网上例子,自己编写出来的django网页实例,请各位参考! 首先看图做事,表格布局采用bootstrap,俗话说bootstrap橹多了就会css了,呵呵,下面看图: 上 ...
- Dan Zhang - Visual Studio ALM MVP
I am a Microsoft Certified Partner specialising in .NET solutions, also worked as an ALM consultant. ...
- Neutron 理解 (2): 使用 Open vSwitch + VLAN 组网 [Netruon Open vSwitch + VLAN Virutal Network]
学习 Neutron 系列文章: (1)Neutron 所实现的虚拟化网络 (2)Neutron OpenvSwitch + VLAN 虚拟网络 (3)Neutron OpenvSwitch + GR ...
- 工欲善其事必先利其器——web调试工具firebug
一.Firebug工具简介 firebug是firefox下的一款开发类插件.firebug集html查看和编辑,JavaScript控制台,网络状况监视器于一体,是开发JavaScript,css, ...
- 深入理解C++对象模型
C++对象模型是比较重要的一个知识点,学习C++对象的内存模型,就可以明白C++中的多态原理.类的初始化顺序问题.类的大小问题等. 1 C++对象模型基础 1.1 C++对象中都有哪些东东 C++对象 ...
- win7如何恢复以前的ie版本
如何恢复以前的ie版本-控制面板,程序和功能-查看已安装的更新-搜索Internet explorer,然后卸载更新就Ok.
- POJ2195 Going Home[费用流|二分图最大权匹配]
Going Home Time Limit: 1000MS Memory Limit: 65536K Total Submissions: 22088 Accepted: 11155 Desc ...
- AC日记——中位数 洛谷 P1168
题目描述 给出一个长度为N的非负整数序列A[i],对于所有1 ≤ k ≤ (N + 1) / 2,输出A[1], A[2], …, A[2k - 1]的中位数.[color=red]即[/color] ...