当前位置：首页 > news >正文

前端面试——js作用域

news 2025/11/30 2:23:33

说一说JS的作用域吧

作用域的分类

作用域分为：全局作用域，函数作用域，块级作用域

作用域的特性

全局作用域：

能够让变量和函数在全局位置访问，其挂载在浏览器的window对象下面

其中var定义的变量和function函数存在提升，可以在顶部访问。但是箭头函数不行

参考：一次彻底搞清楚js中变量和函数（包括箭头函数）提升_箭头函数为什么不会变量提升-CSDN博客

函数作用域：

只能在其所在函数区块访问

块级作用域：

出现let，const，从此一个花括号也可以拥有自己独有的变量

举例

全局作用域

        console.log('xxxxx',values);console.log('xxxxx',test());console.log('xxxxx',yyy());var values = 777function test() {var values = "test输出"console.log(values)}const yyy = () => {console.log('yyyyyy');}

函数作用域

function test() {var values = 777console.log(values)
}
console.log('xxxxx',window.values,values);

块级作用域

        if (true) {var values1 = 888 // 块级作用域，依旧会在外面访问let values2 = 999const values3 = 1000}try {console.log('xxxxx', values1);} catch {console.log('values1报错');}try {console.log('xxxxx', values2);} catch {console.log('values2报错');}try {console.log('xxxxx', values3);} catch {console.log('values3报错');}