JS函数创建的具体过程

JS函数创建的过程:

1、新建Object对象F,类型设置为Function

2、设置F.__proto__ = Function.prototype

3、设置F.constructor = Function

4、新建Object对象temp(也就是后来的F.prototype),使temp.constuctor=F,完成函数创建

我只说了表象,复杂的内部实现,等以后再深究了。。。。

代码表示如下(借用大神代码):

F = new Object();  //F.cons

F.[[Class]] = "Function";  //类型为Function

F.[[Prototype]] = Function.prototype;  //F.__proto__ === Function.prototype

F.[[Call]] = internalCall;

F.[[Construct]] = internalConstructor;

F.[[Scope]] = currentContext.ScopeChain.concat();

F.length = FormalParameterNum;

temp = new Object();  //构造F.prototype

temp.constructor = F; // F.prototype.constructor === F

F.prototype = temp;   //将新建的temp对象赋值给F.prototype

return F;
时间: 2024-08-04 02:21:15

JS函数创建的具体过程的相关文章

09 js函数调用过程内存分析、js函数细节

函数的调用过程 Js函数调用过程的内存分析. 一个递归调用的例子: <html> <head> <script> //abc是一个函数它接收一个数值 function abc(num1){ if (num1>3) { abc(--num1); //递归 } document.writeln(num1); } abc(5); </script> </head> <body> </body> </html>

JS函数的词法分析和执行过程

调用JS函数包括两部分在执行:1.词法分析 2.执行语句      例1:*/           function test(x,y){                  function x(){                     alert(x);                }                x();                alert(x);          }          test(100);    词法分析:    1.函数执行时候,生成Act

js 函数内部创建的setTimeout调用自身函数

js 函数内部创建的计时器setTimeout调用自身函数,实际上就变成了setInterval,操作不当的话会导致计时器不断在创建 在本函数内部清除计时器的时候带上 return : 例如: <script type="text/javascript">     var t=3,timer;     function sleep(){         if(t<=0){             clearTimeout(timer);             ale

JS的解析与执行过程(javascript面向对象一)

JS的解析与执行过程 全局中的解析和执行过程 预处理:创建一个词法环境(LexicalEnvironment,在后面简写为LE),扫描JS中的用声明的方式声明的函数,用var定义的变量并将它们加到预处理阶段的词法环境中去. 一.全局环境中如何理解预处理 比如说下面的这段代码: var a = 1;//用var定义的变量,以赋值 var b;//用var定义的变量,未赋值 c = 3;//未定义,直接赋值 function d(){//用声明的方式声明的函数 console.log('hello'

JS函数-我调用自己试试看

前言 最近在读<JavaScript语言精粹>,对递归函数有了进一步的认识,希望总结下来: 递归是一种强大的编程技术,他把一个问题分解为一组相似的子问题,每一问题都用一个寻常解去解决.递归函数就是会直接或者间接调用自身的一种函数,一般来说,一个递归函数调用自身去解决它的子问题. "汉诺塔"经典递归问题 "汉诺塔"是印度的一个古老传说,也是程序设计中的经典的递归问题,是一个著名的益智游戏: 题目如下: 塔上有三根柱子和一套直径各不相同的空心圆盘,开始时源柱

17javascript看到的一篇关于JS函数的介绍

17javascript看到的一篇关于JS函数的介绍,下面用自己的话来介绍一下JS函数是什么.在W3C中函数的定义是这么说的:函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块. 诚然,从这种抽象的定义中我们得不到什么有价值的东西.下面,举例来列举出函数的几种定义方式: 复制代码function add(num1, num2) {  return num1 + num2;}var add = function (num1, num2) {  return num1 + num2;}//这

js函数知识

1.函数基本知识 通过函数可以封装任意条语句,在任何地方调用,js中用function关键字来声明, //基本格式,函数名,传递参数,代码块 function functionName(arg0,arg1,arg2,--,argN){ statements } //实例 function sayHi(name,message){ console.log("hello "+name+","+message) } sayHi("double",&qu

js 函数提升和变量提升

问题背景:在写一个非常简单的弹出交互时,定义了一个全局变量和一个方法,这个方法始终调不到这个变量,得到高人指点后,特意总结一下这个知识点: 一.变量提升 在ES6之前,JavaScript没有块级作用域(一对花括号{}即为一个块级作用域),只有全局作用域和函数作用域.变量提升即将变量声明提升到它所在作用域的最开始的部分. console.log(global); // undefined var global = 'global'; console.log(global); // global

JS引擎线程的执行过程的三个阶段(一)

浏览器首先按顺序加载由<script>标签分割的js代码块,加载js代码块完毕后,立刻进入以下三个阶段,然后再按顺序查找下一个代码块,再继续执行以下三个阶段,无论是外部脚本文件(不异步加载)还是内部脚本代码块,都是一样的原理,并且都在同一个全局作用域中. JS引擎线程的执行过程的三个阶段: 语法分析 预编译阶段 执行阶段 一. 语法分析 分析该js脚本代码块的语法是否正确,如果出现不正确,则向外抛出一个语法错误(SyntaxError),停止该js代码块的执行,然后继续查找并加载下一个代码块: