每日一道面试题-- js 作用域提升

最新推荐文章于 2023-01-07 00:27:46 发布

雪爪鸿泥

最新推荐文章于 2023-01-07 00:27:46 发布

阅读量603

点赞数

分类专栏：每日一道面试题 js

本文链接：https://blog.csdn.net/weixin_39111384/article/details/109290703

版权

本文探讨了JavaScript中的作用域提升现象，包括变量和函数的提升规则。预解析阶段，变量提升仅限于当前作用域，而函数提升会至其所在函数作用域的开头，不影响全局。同时，多对`<script>`标签中的函数重名在预解析阶段不会冲突。通过一系列面试题，阐述了作用域提升可能导致的变量覆盖和函数定义顺序的影响。

摘要由CSDN通过智能技术生成

js 作用域提升

1、预解析中，变量的提升，只会在当前的作用域中提升，提前到当前作用域的最前面。
2、函数的变量只会提前到函数作用域的最前面，不会出去影响全局的变量。
3、预解析会分段，多对 script 标签中函数重名，预解析的时候不会冲突。

console.log(foo);
function foo(){
   
    console.log("foo");  // 打印出来的是函数
}
var foo = 1;

解析：在进入执行上下文时，首先会处理函数声明，其次是处理变量声明。如果变量名称跟已经声明的形式参数或函数名相同，则变量声明不会干扰已经存在的这类属性。

题目二：

var foo = 1; 
function bar() {
    
	foo = 10;
	return;
	function foo() {
   } 
} 
bar();
alert(foo);

1
10
Function
undefined
Error

答案：1
解答：上述代码考的是 js 作用域提升的问题。可以写成：

var foo = 1;
function bar(){
   
	function foo(){
   };  // 这里在内部定义了 foo 是一个函数
	foo = 10; // 因此这里属于局部变量，不影响到外层的foo
	return foo;
}
bar();
alert(foo) //1
// 在foo=10的时候，foo是有定义的，属于局部变量，影响不到外层的foo。