程序员面试题之作用域 ，你会了吗？

一、什么是作用域
存储和访问变量，是任何一种编程语言最基本的功能之一，变量存在哪里？程序需要时如何找到它？这些问题需要一套良好的规则来规范，这套规则，就成为作用域。

二、编译原理
js通常归类为解释语言，但它其实是编译语言，和传统编译语言不同，它不是提前编译，编译结果也不能在分布式系统中进行移植。js引擎进行编译的步骤和传统的编译语言非常相似，传统编译语言，程序中的一段源码在执行之前会经历三个步骤，统称为“编译”。

2.1 分词/词法分析

这个过程会讲由字符组成的祖父穿分解成有意义的代码块。这些代码块叫词法单元。例如：var a=2；会分解成以下这些词法单元：

var、a、=、2、；

空格是否会被当做词法单元，取决于空格在这门语言中是否具有意义。

2.2 解析/词法分析

这个过程是将词法单元流转成一个由元素逐级嵌套所组成的代表了程序语法结构的树，这个树叫做抽象语法树（AST）。

var a=2; 的抽象语法数中可能会有一个叫做VariableDeclaration的顶级节点，接下来是一个叫做Identifier（它的值是a）的节点，以及一个叫做AssignmentExpression的子节点，AssignmentExpression节点有一个叫做NumericLiteral（它的值是2）的子节点。

2.3 代码生成

将AST转换成可执行代码的过程叫做代码生成，简单来说就是有某种方法可以讲var a=2 ；的AST转化成一组机器指令，用来创建一个叫做a的变量（包括分配内存等），并将一个值存在a中。

比起那些编译过程只要三个步骤的语言编译器，js引擎要复杂得多，例如，在语法分析和代码生成阶段有特定的步骤来对运行性能进行优化，包括对冗余元素进行优化等。简单来说，任何js代码片段在执行前都要进行编译（通常就在执行前），因此js编译器首先会对var a=2；这段程序进行编译，然后做好执行他的准备，并且通常马上就会执行它。

面试题1：

var x = 10;
function fn (){
	console.log(x);
}
 function show(f){
	 var x = 20;
	 f();
 };
 show(fn);

输出：10
思路：行show(fn)，即执行fn函数，fn函数里面没有x，就去外部作用域找，于是得到x=10。

面试题2：

var fn = function (){
	console.log(fn);
};
fn();
var obj = {
	fn2: function (){
		console.log(fn2);
	}
};
obj.fn2();

输出：[Function: fn] 和 fn2 is not defined

思路：console.log(fn2); fn2是一个函数，他首先在函数里面找，找不到，，就去外部作用域找，全局的也没有找到fn2，所以输出“ fn2 is not defined”。

改为这样，就可以输出：[Function: fn2]

ar fn = function (){
	console.log(fn);
};
fn();
var obj = {
	fn2: function (){
		console.log(this.fn2);
	}
};
obj.fn2();

输出：[Function: fn2]

我精心整理了计算机各个方向的从入门、进阶、实战的视频课程和电子书，都是技术学习路上必备的经验，跟着视频学习是进步最快的，而且所有课程都有源码，直接跟着去学！！！
只要关注微信公众号【web前端开发宝典】后回复你所需方向的关键字即可，比如『Android』、『java』『ReactNative』、『H5』、『javaweb』、『面试』、『机器学习』、『web前端』、『设计模式』等关键字获取对应资料。（所有资料免费送，转发宣传靠大家自愿）

▼微信扫一扫下图↓↓↓二维码关注