JavaScript函数作用域与对象以及实用技巧

1. JS作用域

1.1 全局作用域和局部作用域

函数外面声明的就是全局作用域
函数内是局部作用域
全局变量可以直接在函数内修改和使用
变量，使用var是声明，没有var是使用变量。如果在函数内使用var来声明变量，在函数内会覆盖同名的全局变量

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>作用域</title>
</head>
<body>
    <h1>作用域</h1>
    <hr>
    
    <script src="script.js"></script>
    <script>
        //全局作用域
        var username = '小丽丽';


        function demo() {
            //局部作用域
            var age = 100;
        
            console.log(age); //局部变量
            console.log(username); //实用全局作用域的变量 (全局变量)
        
            username = '小哈哈';  //不加var在局部直接修改 全局变量
        }

        demo(); //函数调用

        console.log(username);    //全局变量在全局和局部均可以被引用

        console.log(address)       //我们在js文件中声明一个address全局变量，在此依然可以被引用
    </script>


    <script>
        console.log(username)       //只要是全局变量在哪都可以被引用
    </script>
</body>
</html>

作用域