JavaScript块级作用域绑定的实现流程

2026-06-30 21:53:04

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块级作用域绑定以及状态提升详解

目录前言作用域/执行上下文 var声明块级声明不声明的变量 1.不使用关键字声明变量 2.使用var声明的变量 var声明和块级声明的区别全局作用域绑定状态提升块级绑定的最佳实践函数声明提升总结前言在ES6之前,JavaScript只有经典的var声明,这给开发者带来了很多的困扰.在ES6出现后,又增加了let和const关键字的声明方式.这里会讲有关变量声明,作用域,状态提升相关知识. 作用域/执行上下文在JavaScript的世界里,作用域可以分为三种,分别是全局作用
深入理解ES6学习笔记之块级作用域绑定

众所周知,js中的var声明存在变量提升机制,因此ESMAScript 6引用了块级作用域来强化对变量生命周期的控制 let const 声明不会被提升,有几个需要注意的点 1.不能被重复声明假设作用域中已经存在某个标识符(无论该标识符是通过var声明还是let.const变量声明),此时再使用let或const关键定声明会抛错 var count=10 let count=20// 此处则会抛出错误,因为同一作用域内不能重复声明如果当前作用域内嵌另一个作用域,便可在内嵌的作用域中用let声
深入理解es6块级作用域的使用

一.var 声明与变量提升机制在JavaScript中使用var定义一个变量,无论是定义在全局作用域函数函数的局部作用域中,都会被提升到其作用域的顶部,这也是JavaScript定义变量的一个令人困惑的地方.由于es5没有像其它类C语言一样的块级作用域,因此es6增加了let定义变量,用来创建块级作用域. 我们来看一个var定义变量的示例: function setName(){ if(condition){ var name = 'loho'; console.log(name); }els
深入理解JavaScript中的块级作用域、私有变量与模块模式

本文详细的介绍了JavaScript中的块级作用域.私有变量与模块模式,废话就不多说了,具体如下: 1.块级作用域(私有作用域),经常在全局作用域中被用在函数外部,从而限制向全局作用域中添加过多的变量和函数. (function(count){ for(var i=0;i<count;i++){ console.log(i);//=>0.1.2.3.4 } console.log(i);//=>5 })(5); (function(){ var now=new Date(); if(no
为什么JavaScript没有块级作用域

最近在看ES2015 实战,里面有句话是这么说的 JavaScript 中没有块级作用域可能会对这个问题大家可能有点不理解,先看个例子 var a = [] for(var i = 0; i < 10; i++){ a[i] = function(){ console.log(i); } } a[6](); 我想很多人会觉得这个问题的结果是6,然而很不幸,答案是10.在试试别的呢.a[7]().a[8]().a[8]()结果都是10!! 由于JS在处理primitive的变量的时候,很多时候会
解析JavaScript模仿块级作用域

javaScript 没有块级作用域的概念.这意味着在块语句中定义的变量,实际上是在包含函数中而非语句中创建的,来看下面的例子: function outputNumbers(count){ for (var i=0; i < count; i++){ alert(i); } alert(i); //计数 } 这个函数中定义了一个for 循环,而变量i 的初始值被设置为0. 在Java.C++等语言中,变量i 只会在for 循环的语句块中有定义,循环一旦结束,变量i 就会被销毁.可是在JavaS
JavaScript匿名函数之模仿块级作用域

匿名函数函数是JavaScript中最灵活的一种对象,这里只是讲解其匿名函数的用途. 匿名函数:就是没有函数名的函数. 函数的定义,首先简单介绍一下函数的定义,大致可分为三种方式第一种:这也是最常规的一种 function double(x){ return 2 * x; } 第二种:这种方法使用了Function构造函数,把参数列表和函数体都作为字符串,很不方便,不建议使用. var double = new Function('x', 'return 2 * x;'); 第三种: var
Javascript中的作用域及块级作用域

一.块级作用域的说明在学习JavaScript的变量作用域之前,我们应当明确几点: a.JavaScript的变量作用域是基于其特有的作用域链的. b.JavaScript没有块级作用域. c.函数中声明的变量在整个函数中都有定义. javascript的变量作用域,与平时使用的类C语言不同,例如C#中的代码: static void Main(string[] args) { if(true) { int number=10; } Console.WriteLine(number); } 这
通过函数作用域和块级作用域看javascript的作用域链

在ES6之前,javascript只有全局作用域和函数作用域.所谓作用域就是一个变量定义并能够被访问到的范围.也就是说如果一个变量定义在全局(window)上,那么在任何地方都能访问到这个变量,如果这个变量定义在函数内部,那么就只能在函数内部访问到这个变量. 全局作用域只要页面没关闭就会一直存在,而函数作用域只有在函数执行的时候才存在,执行完就销毁.且每次执行函数都会创建一个新的作用域. 那么什么是作用域链呢? 在了解作用域链之前,我们先了解一个执行期上下文的概念. 执行期上下文:当函数执行时,
JavaScript使用闭包模仿块级作用域操作示例

本文实例讲述了JavaScript使用闭包模仿块级作用域操作.分享给大家供大家参考,具体如下: 在阅读这篇文章之前,建议先阅读JavaScript的作用域链以及JavaScript闭包. 正如闭包的定义一样:"闭包指的是有权访问另一个函数作用域中的变量的函数", 闭包最大的意义就在于闭包可以对另一个函数作用域的变量进行访问,由此,闭包可以延伸出一系列的用法. 模仿块级作用域 JavaScript没有块级作用域的概念.这意味着在块语句中定义的变量,实际上是包含在函数中而非语句中创建的.从

JavaScript块级作用域绑定的实现流程

目录

1.var声明和变量提升

2.块级声明和临时死区

3.禁止重复声明

4.块级作用域绑定的最佳实践

相关推荐

随机推荐