You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
functionuserDetails(username){if(username){console.log(salary);// undefined due to hoistingconsole.log(age);// ReferenceError: Cannot access 'age' before initializationletage=30;varsalary=10000;}console.log(salary);//10000 (accessible to due function scope)console.log(age);//error: age is not defined(due to block scope)}userDetails("John");
functionf(){console.log('I am outside!');}(function(){if(false){// 重复声明一次函数ffunctionf(){console.log('I am inside!');}}f();}());
上面代码在 ES5 中运行,会得到“I am inside!”,因为在if内声明的函数f会被提升到函数头部,实际运行的代码如下。
// ES5 环境functionf(){console.log('I am outside!');}(function(){functionf(){console.log('I am inside!');}if(false){}f();}());
ES6 就完全不一样了,理论上会得到“I am outside!”。因为块级作用域内声明的函数类似于let,对作用域之外没有影响。但是,如果你真的在 ES6 浏览器中运行一下上面的代码,是会报错的,这是为什么呢?
// 浏览器的 ES6 环境functionf(){console.log('I am outside!');}(function(){if(false){// 重复声明一次函数ffunctionf(){console.log('I am inside!');}}f();}());// Uncaught TypeError: f is not a function
// 浏览器的 ES6 环境functionf(){console.log('I am outside!');}(function(){varf=undefined;if(false){functionf(){console.log('I am inside!');}}f();}());// Uncaught TypeError: f is not a function
块级作用域与函数声明
函数能不能在块级作用域之中声明?
ES5 规定,函数只能在顶层作用域和函数作用域之中声明,不能在块级作用域声明。
上面两种函数声明,根据 ES5 的规定都是非法的。
但是,浏览器没有遵守这个规定,为了兼容以前的旧代码,还是支持在块级作用域之中声明函数,因此上面两种情况实际都能运行,不会报错。
ES6引入了块级作用域,明确允许在块级作用域之中声明函数。ES6规定,块级作用域之中,函数声明语句的行为类似于let,在块级作用域之外不可引用。
上面代码在 ES5 中运行,会得到“I am inside!”,因为在if内声明的函数f会被提升到函数头部,实际运行的代码如下。
ES6 就完全不一样了,理论上会得到“I am outside!”。因为块级作用域内声明的函数类似于let,对作用域之外没有影响。但是,如果你真的在 ES6 浏览器中运行一下上面的代码,是会报错的,这是为什么呢?
上面的代码在 ES6 浏览器中,都会报错。
记住三条规则,只对ES6的浏览器实现有效,其他环境的实现不用遵守,还是将块级作用域的函数声明当作let处理。
根据这三条规则,浏览器的ES6环境中,块级作用域内声明的函数,行为类似于var声明的变量。上面的例子实际运行的代码如下。
考虑到环境导致的行为差异太大,应该避免在块级作用域内声明函数。如果确实需要,也应该写成函数表达式,而不是函数声明语句。
另外,还有一个需要注意的地方。ES6 的块级作用域必须有大括号,如果没有大括号,JavaScript 引擎就认为不存在块级作用域。
上面代码中,第一种写法没有大括号,所以不存在块级作用域,而let只能出现在当前作用域的顶层,所以报错。第二种写法有大括号,所以块级作用域成立。
函数声明也是如此,严格模式下,函数只能声明在当前作用域的顶层。
未完结!更多内容尽情期待下一节~
【深入理解JS核心技术】欢迎各位观众老爷,求点赞,求关注,求转发~
The text was updated successfully, but these errors were encountered: