2-JavaScript中的三种变量声明

JavaScript的变量、函数和运算符

一、注释和变量命名规则

1.注释

JavaScript的单行注释：

// 这是单行注释

多行注释：

/*
这是
多行
注释  
*/

2.命名规则

和所有的编程语言一样不能用关键字、保留字，这里不赘述这两类的详细内容。
其余注意事项：
不能包含空格、汉字，首字符不能是数字
可以出现的特殊符号：$、_

二、变量声明

JavaScript 中有三种主要的变量声明方式：var、let 和 const。

1.var（全局变量或函数级变量）

• 是 JavaScript 最早的变量声明方式。
• 具有函数作用域或全局作用域（其余两个是块级作用域）
• 可以在声明后重新赋值，也可以不初始化直接声明。
• 存在变量提升（hoisting）的特性，即变量可以在声明前使用。

变量提升（hoisting）:将变量声明（不包括赋值）移动到所在作用域的顶部。
相当于在变量声明之前使用变脸而不会报错。

var vh = "Hi";
vh = "Hello";

2.let（块级变量）

• 是 ES6（ECMAScript 2015）引入的新变量声明方式。
• 具有块级作用域，只在{} 内部有效。
• 可以在声明后重新赋值，但不允许在同一作用域内重复声明同名变量。
• 不在变量提升，变量只能在声明后使用。

if(true){
    let data = 71;
}
console.log(data);

这个例子中的data就是只在if的{}有效，离开这一范围内就不再存在。

在同一作用域内可以重新赋值，但是不能声明同名变量：

    <script>
        if (true) {
            let data = 71;
            let data = 2024;
            console.log(data);
        }
    </script>

报错：

在同一作用域内重新赋值：

<script>
        if (true) {
            let data = 71;
            data = 2024;
            console.log(data);
        }
        
    </script>

控制台输出：

3.const（常量变量）：

• 与let相同的：ES6 引入的变量声明方式，声明时必须初始化，具有块级作用域。
• 不同的：一旦赋值后不能再重新赋值。

将上方重新赋值的例子改成常量变量：

    <script>
        if (true) {
            const data = 71;
            data = 2024;
            console.log(data);
        }
    </script>

则报错：

三、函数

可复用的代码块
定义方法：function 函数名(){代码块}
在第一章笔记已经使用过

<script>
        // 获得文字信息的方法
        function getH(){
            var H = document.createElement("p");
            H.textContent = "Hellow" ;
            document.body.appendChild(H);
        } 
    </script>

四、运算符

JavaScript中全等与不等的表示方法需要注意一下，比别的语言多了一个等号，其余的加减乘除、大于小于和逻辑与、逻辑或（&&、||）都是老生常谈了。

运算符	含义
===	全等（完全相等）
!==	不相等