JavaScript递归、预编译

最新推荐文章于 2021-07-01 23:10:19 发布
最新推荐文章于 2021-07-01 23:10:19 发布
阅读量111 收藏
点赞数
分类专栏： JavaScript 文章标签： JavaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41509200/article/details/101034270
版权

JavaScript递归、预编译

1、JavaScript是解释性语言，执行三部曲如下所示

首先，js对代码进行语法分析，查看有无低级语法错误
然后，进行预编译
最后，解释执行，即解释一行执行一行

2、通用规律

函数声明整体提升，变量声明提升

  1. imply global暗示全局变量，即任何变量b，如果变量b未经声明就赋值，此变量就为全局对象所有，全局对象即为window.b可以在函数体外使用
    例如:

    function test() {
 	var a = b = 1;
 	console.log(a);
 	console.log(b);
 }
 test();
 console.log(b);

在这里插入图片描述
2. 一切在全局范围内声明的全局变量，全是window的属性
例如：

   var a = 1;

就相当于

   window.a = 1;

3、预编译

四部曲：

  1. 创建AO对象（即Activation Object，执行期上下文）
  2. 找形参和变量声明，将变量和形参名作为AO属性名，值为undefined
  3. 将实参值和形参统一
  4. 在函数体里面找函数声明，值赋予函数体
例子1：
function fn(a) {
	console.log(a);
	var a = 123;
	console.log(a);
	function a() {}
	console.log(a);
	var b = function () {}
	console.log(b);
	function d(){}
}
fn(1);

上面代码的预编译及执行过程如下

  1. 创建AO对象

    AO {

}

  2. 找形参和变量声明，将变量和形参名作为AO属性名，值为undefined

    AO {
		a : undefined;
		b : undefined;
}

  3. 将实参值和形参统一

    AO {
		a : 1;
		b : undefined;
}

  4. 在函数体里面找函数声明，值赋予函数体

    AO {
		a : f a() {};
		b : undefined;
		d : f () {};
}

  5. 变量a已经提升声明，即在第2步已经优先声明，此处只需执行a = 123, b = f () {};

    AO {
		a : 123;
		b : f () {};
		d : f () {};
}

在这里插入图片描述

例子2：
function test(a, b) {
	console.log(a);
	c = 0;
	var c;
	a = 3;
	b = 2;
	console.log(b);
	function b() {}
	function d() {}
	console.log(b);
}
test(1);

上面代码的预编译及执行过程如下

  1. 创建AO对象

    AO {

}

  2. 找形参和变量声明，将变量和形参名作为AO属性名，值为undefined

    AO {
		a : undefined;
		b : undefined;
		c : undefined;
}

  3. 将实参值和形参统一

    AO {
		a : 1;
		b : undefined;
		c : undefined;
}

  4. 在函数体里面找函数声明，值赋予函数体

    AO {
		a : 1;
		b : f b() {};
		c : undefined;
		d : f d() {};
}

  5. 变量a已经提升声明，即在第2步已经优先声明，此处只需执行c = 0; a = 3; b = 2;

    AO {
		a : 3;
		b : 2;
		d : f () {};
}

在这里插入图片描述

例子3：
function test(a, b) {
	console.log(a);
	console.log(b);
	var b = 234;
	console.log(b);
	a = 123;
	console.log(a);
	function a() {}
	var a;
	b = 234;
	var b = function () {}
	console.log(a);
	console.log(b);
}
test(1);

上面代码的预编译及执行过程如下

  1. 创建AO对象

    AO {

}

  2. 找形参和变量声明，将变量和形参名作为AO属性名，值为undefined

    AO {
		a : undefined;
		b : undefined;
}

  3. 将实参值和形参统一

    AO {
		a : 1;
		b : undefined;
}

  4. 在函数体里面找函数声明，值赋予函数体

    AO {
		a : f a() {};
		b : undefined;
}

  5. 变量a已经提升声明，即在第2步已经优先声明，此处只需执行b = 234; a = 123; b = 234; b = f() {};

    AO {
		a : 123;
		b : f() {};
}

在这里插入图片描述

注意：

上述在函数体中，生成AO对象，而在全局状态下生成GO对象
window === GO，但能使用window.a，不能使用GO.a

例子4：
console.log(test);
function test(test) {
	console.log(test);
	var test = 123;
	console.log(test);
	function test() {}
}
test(1);

上面代码的预编译及执行过程如下

  1. 创建GO对象

    GO {

}

  2. 找形参和变量声明，将变量和形参名作为AO属性名，值为undefined

    GO {
		test : undefined;
}

  3. 将实参值和形参统一

    GO {
		test : undefined;
}

  4. 在函数体里面找函数声明，值赋予函数体

    AO {
		test : ƒ test(test) {
 			 		console.log(test);
 					var test = 123;
 					console.log(test);
 					function test() {}
 			};
}

  5. 创建AO对象

    AO {

}

  6. 找形参和变量声明，将变量和形参名作为AO属性名，值为undefined

    AO {
		test : undefined;
}

  7. 将实参值和形参统一

    AO {
		test : 1;
}

  8. 在函数体里面找函数声明，值赋予函数体

    AO {
		test : ƒ test() {};
}

  9. 变量test已经提升声明，即在第2步已经优先声明，此处只需执行test = 123;

    AO {
		test : 123;
}

在这里插入图片描述

例子5：
global = 100;
function test() {
	console.log(global);
	global = 200;
	console.log(global);
	var global = 300;
}
test();
var global;

上面代码的预编译及执行过程如下

  1. 创建GO对象

    GO {

}

  2. 找形参和变量声明，将变量和形参名作为AO属性名，值为undefined

    GO {
		global: undefined;
}

  3. 将实参值和形参统一

    GO {
		global: undefined;
}

  4. 在函数体里面找函数声明，值赋予函数体

    GO {
		global: undefined;
		fn : f () {
 		  	console.log(global);
 			global = 200;
 			console.log(global);
 			var global = 300;
 		 };
}

  5. 创建AO对象

    AO {
 	
}

  6. 找形参和变量声明，将变量和形参名作为AO属性名，值为undefined

    AO {
		global : undefined;
}

  7. 将实参值和形参统一

    AO {
		global : undefined;
}

  8. 在函数体里面找函数声明，值赋予函数体

    AO {
		global : undefined;
}

  9. 变量global已经提升声明，即在第2步已经优先声明，此处只需执行global= 200; global = 300;

    AO {
		global : 300;
}

在这里插入图片描述

百度13年面试题
一、题目一

  1. 代码

     function bar() {
 	return foo;
 	foo = 10;
 	function foo () {}
 	var foo = 11;
 }
 console.log(bar());

上面代码的预编译及执行过程如下

  1. 创建GO对象

    GO {

}

  2. 找形参和变量声明，将变量和形参名作为AO属性名，值为undefined

    GO {
		
}

  3. 将实参值和形参统一

    GO {
		
}

  4. 在函数体里面找函数声明，值赋予函数体

    GO {
		bar : f () {
 				return foo;
 				foo = 10;
 				function foo () {}
 				var foo = 11;
 			  };
}

  5. 创建AO对象

    AO {
 	
}

  6. 找形参和变量声明，将变量和形参名作为AO属性名，值为undefined

    AO {
		foo : undefined;
}

  7. 将实参值和形参统一

    AO {
		foo : undefined;
}

  8. 在函数体里面找函数声明，值赋予函数体

    AO {
		foo : f () {};
}

  9. 变量foo已经提升声明，即在第6步已经优先声明，此处只需执行return foo;

    AO {
		foo : f () {};
}

在这里插入图片描述

二、题目二

  1. 代码

     console.log(bar());
 function bar() {
 	foo = 10;
 	function foo () {}
 	var foo = 11;
 	return foo;
 }

上面代码的预编译及执行过程如下

  1. 创建GO对象

    GO {

}

  2. 找形参和变量声明，将变量和形参名作为AO属性名，值为undefined

    GO {
		
}

  3. 将实参值和形参统一

    GO {
		
}

  4. 在函数体里面找函数声明，值赋予函数体

    GO {
		bar : f () {
 				foo = 10;
 				function foo () {}
 				var foo = 11;
 				return foo;
 	};
}

  5. 创建AO对象

    AO {
 	
}

  6. 找形参和变量声明，将变量和形参名作为AO属性名，值为undefined

    AO {
		foo : undefined;
}

  7. 将实参值和形参统一

    AO {
		foo : undefined;
}

  8. 在函数体里面找函数声明，值赋予函数体

    AO {
		foo : f () {};
}

  9. 变量foo已经提升声明，即在第6步已经优先声明，此处只需执行foo = 10; foo = 11; return foo;

    AO {
		foo : f () {};
}

在这里插入图片描述

iReverse
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
rezi:浏览器中的递归 CSS 编译
06-07
Rezi：浏览器中的递归 CSS 编译 Rezi 根据输入的 JSON 对象编译 CSS 样式，并将其注入到带有“rezi”ID 的样式标签中的文档头部。 像这样： var sub1aStyle = { "color" : "blue" } ; var sub1Style = { ...
js中的箭头函数以及它的this指向
Bioye_的博客
05-27 579
箭头函数的5种形式 没有返回值的,没参数的 function a (){ console.log(111) } var a = () => console.log(111); a() 没有返回值的,有参数的 function a (name){ console.log(name) } var a = (name) => co
go 代码编译显示 undefined
热门推荐
mozai147的博客
11-05 1万+
出错原因属于go的多文件加载问题，采用go run命令执行的时候，需要吧待加载的.go文件都包含在参数里面， 正确操作为：  在命令行中：go run *.go 在IDE中，右键src，选择run->go build src   转自 https://www.jianshu.com/p/6a6e3e7b7c83...
关于Go语言..\main.go:4:2: cannot refer to unexported name fmt.println .\main.go:4:2: undefined: fmt.prin
economic_machine的博客
11-12 7055
关于Go语言..\main.go:4:2: cannot refer to unexported name fmt.println .\main.go:4:2: undefined: fmt.println刚刚入门。。被这个报错搞的没脾气。 .\main.go:4:2: undefined: fmt.println) 刚刚入门。。被这个报错搞的没脾气。 怎么改都这个样子。。。。 运行报错 找...
面试 之 this指向题
qq_34425377的博客
03-03 120
《前端面试宝典》之目录 简单记录下已经了解过的面试题，方便回顾总结及拓展，有问题可以一起讨论，一起努力！ this指向题 核心点：谁调用指向谁，无即window（隐含）。 var length = 100; function f1(){ console.log(this.length); } var obj = { length: 10, f2: function(f1){ f1(); arguments[0](); }, f3: f1 } obj.f2(f1, 1, 2); //
Golang Global Variable access
weixin_34261739的博客
03-20 227
golang 中全局变量的问题。 ------------------------------------------------------------------ 17down votefavorite 1 I'm fairly new to golang, this should be a simple answer but I've tried searching every...
JavaScript-RPG
05-08
这意味着我必须在运行之前递归地捆绑我的javascript模块。 我使用BEEFY来做到这一点，它使用browserify。 使用“ sudo npm install”通过节点程序包管理器安装这些依赖项。 然后，您可以使用UNIX makefil
recursion:基于递归的填充
05-04
该项目旨在探索递归的使用，同时重新实现以下本机javascript和DOM方法polyfill： getElementByClassName（） parseJSON（） stringifyJSON（） 某些代码可能是用ES6编写的，可能需要进行编译才能进行测试。 ...
简单记录C# 条件编译
01-20
您可能感兴趣的文章:C# 编译生成dll文件供程序调用的两种方法C# #define条件编译详解C#实现将javascript文件编译成dll文件的方法C#命令行编译器配置方法C#中尾递归的使用、优化及编译器优化手动编译C#代码的方法
javaScript函数式编程
12-20
内容简介 · · · · · · JavaScript 是近年来非常受瞩目的一门编程语言，它既...A.2 能编译成JavaScript的函数式语言196 A.2.1 ClojureScript196 A.2.2 CoffeeScript197 A.2.3 Roy198 A.2.4 Elm198 附录B推荐书目
js高频面试题
baidu_33558407的博客
07-01 198
1、同步和异步的区别 执行顺序不同。同步任务指在主线程上排队进行的任务，只有当前面的任务执行完才会执行下一个任务。异步任务不进入主线程，而是进入任务队列，只有等主线程任务执行完毕，任务队列开始通知主线程，请求执行任务，才会进入主线程。 2、预编译 预编译时候做了哪些事情？ 1、创建ao对象 2、找形参和变量声明，作为ao对象的属性名，值为undefined 3、形参和实参相统一 4、找函数声明会替换变量声明 function fn(a,c){ console.log(a);//function a(){};
Java之二进制位运算以及相关面试题
Alive的博客
04-04 1158
为什么要用二进制？ 因为计算机从节省制造成本角度考虑，选择了二进制。因此计算机内存中一切数据都是以二进制存在的。 那么问题来了，为什么在Java中我们使用输出语句时显示在Consle窗口中的还是十进制的数呢？例如： int n = 6; System.out.println(n); 运行结果：6 。 在解释这个原因之前要先了解两个方法 ①Integer.toString() ...
JavaScript学习笔记——预编译
qq_41591033的博客
11-04 196
通常预编译被简单概括为函数声明整体提升和变量声明提升 函数的定义回顾 首先回顾函数的常用的两种定义方法 函数声明 function test() { ... } 函数表达式 var test = function() { ... }; 函数预编译四部曲 函数预编译发生在函数执行的前一刻 创建AO对象 Activation Object(执行期上下文) 找形参和变量声明，将形参和变...
JS 预编译
xiaoyaopikaqiu的博客
08-30 211
JS 预编译 本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦： Markdown和扩展Markdown简洁的语法 代码块高亮 图片链接和图片上传 LaTex数学公式 UML序列图和流程图 离线写博客 导入导出Markdown文件 丰富的快捷键 快捷键 加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl +...
#前端面试题#2021-06-03#js-this面试题
老衲的少女心i~
06-03 120
js-this面试题 阿里巴巴面试题题目 var name=222 var a={ name:111, say:function(){ console.log(this.name); } } var fun=a.say fun()//第一个输出 a.say()//第二个输出 var
js学习-this指向
qq_43762607的博客
04-11 88
this指向案例： var name = 222 var a = { name: 111, say: function () { console.log(this.name) } } var fun = a.say fun()//函数直接调用 等同于fun.call(window) 也就是this指向window this.name=wind
【牛客网_java笔试题】十六进制转换成十进制
藓类少女的博客
03-18 1433
已知int a=0x122，则a/2为（145） 0x表示16进制； 十六进制转换成十进制的公式是：要从右到左用二进制的每个数去乘以16的相应次方，然后这些数字相加就是了。 因此 0x122 转换为十进制：2* 16^0 +2* 16^1 + 1* 16^2 = 290 2AF5换算成10进制： 第0位： 5 * 16^0 = 5 第1位： F * 16^1 =15*16^1...
JavaScript（递归，预编译）
Siny_YN的博客
06-04 395
1.递归特点：符合思维逻辑，代码简单，但耗费时间空间复杂度注意事项：1.找规律，2.找出口2.预编译js三部曲：语法分析，预编译，解释执行2.1预编译特点：函数声明整体提升（所有函数声明提升到最前面）变量 声明提升 （变量声明在赋值之前）b=10; var b; 不会报错，b值为undefinedimply global暗示全局变量即任何变量未经声明就进行赋值，则为全局变量例：a=10; 可用wi...
js预编译
weixin_30492601的博客
06-25 137
将代码封装成函数的形式，可以减少代码的耦合（编程追求的是高内聚，弱耦合） 函数声明： 　　function sayhello(){ 　　　　console.log('hello world') 　　} 函数表达式：（一般指的匿名函数表达式） 　　命名函数表达式： 　　var say = functionsayhello(){ 　　　　console.log("hello worl...
高性能 javascript 2015 pdf
最新发布
07-26
它涵盖了JavaScript编译、解释、执行和优化的整个过程，为开发人员提供了深入了解和优化代码的工具和技巧。 其次，这本书介绍了一些常见的JavaScript性能瓶颈，并提供了解决方案。例如，它详细讨论了如何减少访问...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值