佛山市城乡和住房建设局网站,腾讯云cdn配置wordpress,群晖配置wordpress,互联网技术培训学校前言
今天就来简单聊聊JavaScript中的作用域吧#xff01;#xff01;#xff01;
正文
我们都知道#xff0c;在任何一门编程语言里面都是有作用域这个概念的#xff0c;不然岂不乱套了
在js中的作用域一共分为三种#xff0c;全局域、函数域和块级作用域 全局域 全…前言
今天就来简单聊聊JavaScript中的作用域吧
正文
我们都知道在任何一门编程语言里面都是有作用域这个概念的不然岂不乱套了
在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 1function foo() {var a 2console.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中的作用域
一共分为三种全局域、函数域和块级作用域
相信看到这的你一定会有所收获的
