lovecoding
/
W260426


			
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // 变量提升 使用var 定义变量才会出现变量提升现象
        // let、 const 定义的变量不会出现变量提升现象
        // 变量提升现象：在变量定义之前，可以使用该变量，但是赋值为undefined，变量提升相当于把变量定义提升到代码的顶部，赋值部分保持原位置
        
        // console.log(a);
        // var a = 10;
        // 相当于下面的代码 js 在执行之前会处理变量提升，然后在执行代买
        // var a;
        // console.log(a);
        // a = 10;

        // 函数提升 函数提升相当于把函数定义提升到代码的顶部，函数调用部分保持原位置

        // fn();

        // function fn() {
        //     console.log("hello world");
        // }


        // console.log(foo);
        // var foo = 1;
        // function foo(){
        //     console.log("123");
        // }
        // foo();
        // 函数提升和变量提升同时存在 那么函数提升会优先于变量提升执行（提升的顺序变量会在函数之上）
        // 以上代码编译后如下：
        // var foo
        // function foo(){
        //     console.log("123");
        // }
        // console.log(foo);
        // foo = 1;
        // foo();


        // 变量提示其实是提升到当前作用域最顶端
        // 变量定义分为全局变量和局部变量 所有作用域也分为全局作用域和局部作用域
        // var a = 20;
        // function fun(){
        //     console.log(a);
        //     var a = 10;
        // }
        // fun();
        // 解析后代码如下
        // var a = 20;
        // function fun(){
        //     var a;
        //     console.log(a);
        //     a = 10;
        // }
        // fun();
        
        console.log(a);
        let a = 10;
        
    </script>
</body>
</html>