浅谈js作用域

简介: 浅谈js作用域

在js中的作用域一共分为三种,全局域、函数域和块级作用域


全局域


全局域是指代码在任何地方都可以被访问到


函数域


函数域是指在函数内部的作用范围


块级作用域


代码块(如{})中定义的变量和函数只能在该代码块内访问,在代码块外是不可见的。在 JavaScript 中,使用let和const关键字可以创建块级作用域。


function foo(a) {
    console.log(a + b);
}
var b = 2;
foo(1); // 3


在这个例子中,当执行 foo(1) 时,在 foo 函数内部访问到了外部定义的变量 b,输出结果为 3,说明函数可以访问到其外部作用域中定义的变量


function foo() {
    var a = 1;
}
foo()
console.log(a);


在这种情况下,会报a未定义的错误。因为在函数foo内部用var声明的变量a,其作用域仅限于函数foo内部,在函数外部是无法访问到的


var a = 1
function foo() {
    var a = 2
    console.log(a);
}
foo();

在 foo 函数内部,又重新定义了一个变量 a 并赋值为 2,此时函数内的 a 会覆盖外部全局作用域中的 a 的值,所以在函数内打印出的是函数内局部定义的 2 。而在函数外仍然可以访问到全局作用域中的 a,其值为 1


以上就是对全局域和函数域的理解了


接下来讲解块级作用域


由于let和const的出现,才有了块级作用域的概念


先看一下这两段代码的区别,一个使用var声明变量,另一个使用let


if(true){
    var b = 1;
}
console.log(b);
if(true){
    let b = 1;
}
console.log(b);

第一段代码:

当执行时,会成功输出 1 。因为使用 var 声明的变量存在变量提升,即使在 if 语句块中声明,实际上相当于在整个作用域的开头声明了,所以在 if 语句块外也能访问到。


第二段代码:

会报错,提示 b 未定义。因为使用 let 声明的变量具有块级作用域,只在 if 语句块内有效,在语句块外是无法访问到的。


总结

本文文讲解了JavaScript中的作用域


一共分为三种,全局域、函数域和块级作用域


相信看到这的你一定会有所收获的


目录
相关文章
|
4月前
|
JavaScript 前端开发 开发者
JavaScript的变量提升是一种编译阶段的行为,它将`var`声明的变量和函数声明移至作用域顶部。
【6月更文挑战第27天】JavaScript的变量提升是一种编译阶段的行为,它将`var`声明的变量和函数声明移至作用域顶部。变量默认值为`undefined`,函数则整体提升。`let`和`const`不在提升范围内,存在暂时性死区。现代实践推荐明确声明位置以减少误解。
36 2
|
6天前
|
JavaScript 前端开发
js 变量作用域与解构赋值| 22
js 变量作用域与解构赋值| 22
|
6天前
|
缓存 JavaScript 前端开发
了解js基础知识中的作用域和闭包以及闭包的一些应用场景,浅析函数柯里化
该文章详细讲解了JavaScript中的作用域、闭包概念及其应用场景,并简要分析了函数柯里化的使用。
了解js基础知识中的作用域和闭包以及闭包的一些应用场景,浅析函数柯里化
|
1月前
|
JavaScript 前端开发
JavaScript基础知识-作用域(action scope)
关于JavaScript基础知识中作用域的介绍。
26 1
JavaScript基础知识-作用域(action scope)
|
28天前
|
JavaScript 前端开发
JavaScript 作用域
JavaScript 作用域
23 9
|
2月前
|
JavaScript 前端开发
使用 let 将有助于避免 JavaScript 中各种 var 引起的作用域问题。
这段内容介绍了JavaScript编程时的一系列最佳实践,包括使用`===`而非`==`进行比较、以`let`和`const`取代`var`定义变量、始终使用分号、采用合适的命名规范、利用模板字符串拼接、偏好ES6箭头函数、在控制结构中使用大括号、减少代码嵌套、应用默认参数、正确使用`switch`语句中的`break`与`default`分支、避免通配符导入以及简化布尔判断和避免不必要的三元运算符。遵循这些规则有助于提升代码的清晰度和可维护性。
16 2
|
2月前
|
JavaScript 前端开发
JavaScript基础&实战(4)js中的对象、函数、全局作用域和局部作用域
这篇文章介绍了JavaScript中对象的基本概念和操作,包括对象属性和方法的使用、对象字面量的创建、函数的定义和作用域的概念,以及全局作用域和局部作用域的区别和特性。
JavaScript基础&实战(4)js中的对象、函数、全局作用域和局部作用域
|
2月前
|
自然语言处理 资源调度 JavaScript
JS 逆向基础篇:JS作用域和浏览器对象属性补环境
JS 逆向基础篇:JS作用域和浏览器对象属性补环境
74 1
|
2月前
|
自然语言处理 JavaScript 前端开发
探析JS作用域
【8月更文挑战第2天】探析JS作用域
33 11
|
2月前
|
JavaScript 前端开发