JavaScript块级作用域绑定的实现流程
更新时间：2022年12月30日 09:51:14 作者：volit_
这篇文章主要给大家介绍了关于JavaScript块级作用域绑定的相关资料,文中通过实例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
1.var声明和变量提升
无论是在函数作用域亦或是全局作用中使用var声明的变量，都会在预编译阶段被提升到当前作用域的顶部。
function func(condition) {
if(condition){
var value = "value";
return value;
} else {
//此处可访问到value，但值为undefined
return null;
}
//此处可访问到value，但值为undefined
}
通常在拥有块级作用域的语言中，上述代码块只会在当参数condition的值为true时，value变量才会被创建,且只能在if代码块中被访问到。但在js中，无论condition的值是什么，value变量都会被创建，它再预编译阶段中的实际表现如下：
function func(condition) {
var value;
if(condition){
var value = "value";
return value;
} else {
return null;
}
}
2.块级声明和临时死区
块级声明会将当前声明变量的作用域限制在函数作用域或块级作用域内部，其他非作用区域访问会得到undefined。
function func(condition) {
if(condition){
let value = "value";
return value;
} else {
//此处访问value会报错
return null;
}
//此处访问value会报错
}
使用let或const的声明的变量会在预编译阶段被加入到临时性死区(TDZ)中,访问临时性死区中的变量会触发引用错误。
3.禁止重复声明
使用var声明同名变量时，不会产生任何问题，因为它只是相当于一个赋值操作。
function(condition) {
var value = "value";
var value = "val";
//相当于
var value = "value";
value = "val";
}
但使用let和const声明变量时，会禁止声明同名变量，抛出变量已定义异常。
4.块级作用域绑定的最佳实践
变量定义默认使用const，只有确实需要改变变量的值时使用let。
到此这篇关于JavaScript块级作用域绑定的实现流程的文章就介绍到这了,更多相关JS块级作用域绑定内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
您可能感兴趣的文章:
相关文章
本文给大家分享的是一则翻译过来的，由国外友人写的如何简单有效的实现javascript MVC样式框架，算是一个MVC的入门教程，希望大家能够喜欢。2015-03-03
这篇文章主要介绍了javascript实现控制浏览器全屏的代码分享给大家，十分的实用，有需要的小伙伴可以参考下。2015-03-03
这篇文章主要介绍了Express的路由详解的相关资料,需要的朋友可以参考下2015-12-12
javascript中的自执行匿名函数可以用它创建命名空间，只要把自己所有的代码都写在这个特殊的函数包装内，那么外部就不能访问，除非你允许2014-09-09
这篇文章主要为大家详细介绍了JavaScript实现大文件上传功能的示例代码，文中的代码讲解详细，对我们学习JavaScript有一定帮助，感兴趣可以跟随小编一起学习一下2022-11-11
JavaScript中判断某个字符串、数组等是否包含某个值的五种方法
在JavaScript中有多种方法可以用来判断字符串、数组是否包含某个值,这篇文章主要给大家介绍了关于JavaScript中判断某个字符串、数组等是否包含某个值的五种方法,需要的朋友可以参考下2024-03-03
这篇文章主要介绍了一文让你快速了解JavaScript栈，栈全称为堆栈，是一种先进后出的的数据结构，栈中只有两种基本操作，也就是插入和删除，也就是入栈和出栈操作，栈只有一端可以进行入栈和出栈操作，我们将其称为栈顶，另一端称其为栈底2022-07-07
下面小编就为大家带来一篇鼠标拖动改变DIV等网页元素的大小的实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-07-07
这篇文章主要介绍了如何利用 JS 脚本实现网页全自动秒杀抢购功能,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2020-10-10
JavaScript 获取浏览器的类型和页面编码的函数代码。2010-06-06
最新评论