全局变量和局部变量的作用是啥？

全局作用域是指变量可以在当前脚本的任意位置访问，拥有全局作用域的变量也被称为“全局变量”，一般情况下拥有以下特征的变量具有全局作用域：

最外层的函数和在最外层函数外面定义的变量拥有全局作用域；
所有未定义直接赋值的变量拥有全局作用域；
所有 window 对象的属性拥有全局作用域，例如 window.name、window.location、window.top 等。
示例代码如下：

let str = "hahaha";
 
function myFun(){
    document.write(str);    // 输出：hahaha!
}
 
myFun();
document.write(str);        // 输出：hahaha!

事实上所有的全局变量都会绑定到window对象中，成为对象的一个属性，代码如下：

let str = "JavaScript";
document.write(str);                    // 输出：JavaScript
document.write(window.str);             // 输出：JavaScript
document.write(str === window.str);     // 输出：true

在函数内部声明的变量具有局部作用域，拥有局部作用域的变量也被称为“局部变量”，局部变量只能在其作用域中（函数内部）使用。

function myFun(){
    let str = "Hello World!";
    document.write(str);    // 输出：Hello World!
}
document.write(str);        // 报错：str is not defined

在函数内定义的局部变量只有在函数被调用时才会生成，当函数执行完毕后会被立即销毁