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中的作用域

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

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

目录
相关文章
|
24天前
|
JavaScript 前端开发
js的作用域作用域链
【10月更文挑战第29天】理解JavaScript的作用域和作用域链对于正确理解变量的访问和生命周期、避免变量命名冲突以及编写高质量的JavaScript代码都具有重要意义。在实际开发中,需要合理地利用作用域和作用域链来组织代码结构,提高代码的可读性和可维护性。
|
23天前
|
自然语言处理 JavaScript 前端开发
[JS]作用域的“生产者”——词法作用域
本文介绍了JavaScript中的作用域模型与作用域,包括词法作用域和动态作用域的区别,以及全局作用域、函数作用域和块级作用域的特点。通过具体示例详细解析了变量提升、块级作用域中的暂时性死区等问题,并探讨了如何在循环中使用`var`和`let`的不同效果。最后,介绍了两种可以“欺骗”词法作用域的方法:`eval(str)`和`with(obj)`。文章结合了多位博主的总结,帮助读者更快速、便捷地掌握这些知识点。
29 2
[JS]作用域的“生产者”——词法作用域
|
4月前
|
JavaScript 前端开发
浅谈js作用域
浅谈js作用域
34 0
|
25天前
|
前端开发 JavaScript 数据处理
CSS 变量的作用域和 JavaScript 变量的作用域有什么不同?
【10月更文挑战第28天】CSS变量和JavaScript变量虽然都有各自的作用域概念,但由于它们所属的语言和应用场景不同,其作用域的定义、范围、覆盖规则以及与其他语言特性的交互方式等方面都存在明显的差异。理解这些差异有助于更好地在Web开发中分别运用它们来实现预期的页面效果和功能逻辑。
|
24天前
|
JavaScript 前端开发
如何在 JavaScript 中实现块级作用域?
【10月更文挑战第29天】通过使用 `let`、`const` 关键字、立即执行函数表达式以及模块模式等方法,可以在JavaScript中有效地实现块级作用域,更好地控制变量的生命周期和访问权限,提高代码的可维护性和可读性。
|
1月前
|
JavaScript 前端开发
javascript的作用域
【10月更文挑战第19天javascript的作用域
|
2月前
|
JavaScript 前端开发
JavaScript 作用域
JavaScript 作用域是指程序中可访问的变量、对象和函数的集合。它分为函数作用域和局部作用域。函数作用域内的变量仅在函数内部可见,而全局作用域的变量在整个网页中均可访问。局部变量在函数执行完毕后会被销毁,而全局变量则在整个脚本生命周期中都存在。未使用 `var` 关键字声明的变量默认为全局变量。
|
3月前
|
JavaScript 前端开发
js 变量作用域与解构赋值| 22
js 变量作用域与解构赋值| 22
|
3月前
|
JavaScript 前端开发
JavaScript基础知识-作用域(action scope)
关于JavaScript基础知识中作用域的介绍。
41 1
JavaScript基础知识-作用域(action scope)
|
3月前
|
缓存 JavaScript 前端开发
了解js基础知识中的作用域和闭包以及闭包的一些应用场景,浅析函数柯里化
该文章详细讲解了JavaScript中的作用域、闭包概念及其应用场景,并简要分析了函数柯里化的使用。
了解js基础知识中的作用域和闭包以及闭包的一些应用场景,浅析函数柯里化