理解JavaScript的预编译和作用域

理解JavaScript的预编译和作用域

预编译

var a = 1;
console.log(a);
//输出结果1
console.log(a);
var a = 1; 
//输出结果为undefined
console.log(a);
//报错

为什么简单的换换前后顺序就会出现这么大的差别呢,由于js为解释性语言所以后面两个先执行console.log,但因为预编译的原因让第二个没有报错。
var a = 1 ;是变量声明+赋值
var a; 变量的声明
a = 1; 赋值
所以有预编译先变量声明所有没有报错。

预编译可以分为这几个步骤
1.创建GO/AO对象
2.找形参和变量声明,将变量和形参名作为AO属性名,值为undefined
3.将实参值和形参统一
4.在函数体里面找函数声明,值赋予函数体
5.按顺序执行代码

function thex (a,b,c) {
			console.log(a);
			console.log(b);
			console.log(c);
			var a =120;
			function b(){};
			console.log(a);
			c = 10;
			c = function (){};
			var b;
			console.log(b);
			console.log(c);
		}
		thex(150)
		

在这里插入图片描述

作用域

当你在js中打出第一行代码时就是作用在全局作用域中,在代码中任何地方都能访问到的对象拥有全局作用域,与全局作用相反的只有在特定的代码片段才能访问的被称为局部作用域,最常见的例如函数内部,所有在一些地方也会看到有人把这种作用域成为函数作用域。

在这里插入图片描述
在函数的执行中,会有一个作用域链,如图在f3执行的同时,f2也执行完毕。f3–> 0 : A0链断开,销毁。但是其中储存着f3函数,连带也被销毁,同时f2回到当初被定义的状态,等待下一次被执行,重新生成执行。

~~~~ end ~~~~~

发布了23 篇原创文章 · 获赞 49 · 访问量 1487

猜你喜欢

转载自blog.csdn.net/weixin_44701229/article/details/103017056