javascript基础教程03_注释及变量

javascript注释

1. 介绍

• 注释就是对程序进行解释说明的

• 注释中的内容是不会被执行的

• JS 中的注释有两种

  • 单行注释：//注释内容
  • 多行注释：/*注释内容*/

<script>
    // 我是单行注释

    /*
        我是多行注释
    */
</script>

变量

1. 概念

变量（variable），就是用来存储值的，而且它里面存储的数据是可以变化的。我们通过一个变量名去引用变量的值。

就类似于数学中的， x = 2 、y = 3

2.1 声明变量

使用 var 关键字来定义变量

var a;

在电脑的内存中就会开辟出一块空间用来存储变量 a。

2.2 变量赋值

使用等号(=)赋值，等号右侧的值赋值给等号左侧的变量。

a = 100;

将 100 赋值给变量 a。也就是变量 a 中存储的数据是100。使用变量 a，其实就是使用里面存储的数据 100.

2.3 变量的初始化

声明变量的同时给变量赋值，称为变量的初始化。

var a = 100;

3. 同时声明多个变量

可以在一条语句中声明很多变量。该语句以 var 开头，并使用逗号分隔变量即可。

var a = 7 , b = 9 , c = 10;

声明也可横跨多行：

var a = 7, 
b = 9, 
c = 10;

4. 声明变量没有赋值

如果只是声明变量而没有赋值，则该变量的值是 undefined。undefined 是一个特殊的值，表示“无定义”。

var a;
console.log(a);// undefined

如果一个变量没有声明就直接使用，JavaScript 会报错，告诉你变量未定义。

console.log(x);// ReferenceError: x is not defined

5. 变量重新赋值

变量重新赋值后，后面的值会替换前面的值。JavaScript 是一种动态类型语言，也就是说，变量的类型没有限制，变量可以随时更改类型。

<script>
    var a = 1;
    a = 'hello';
    console.log(a);
</script>

上面代码中，变量 a 起先被赋值为一个数值，后来又被重新赋值为一个字符串。第二次赋值的时候，因为变量 a已经存在，所以不需要使用 var 命令。

如果使用 var 重新声明一个已经存在的变量，是无效的。

var x = 1;
var x;
console.log(x);// 1

上面代码中，变量 x 声明了两次，第二次声明是无效的。

但是，如果第二次声明的时候还进行了赋值，则会覆盖掉前面的值。

var x = 1;
var x = 2;
console.log(x);//2

6. 变量提升

JavaScript 引擎的工作方式是，先解析代码，获取所有被声明的变量，然后再一行一行地运行。这造成的结果，就是所有的变量的声明语句，都会被提升到代码的头部，这就叫做变量提升（hoisting）。

console.log(a);//undefined
var a = 1;

上面代码首先使用 console.log 方法，在控制台（console）显示变量 a 的值。这时变量 a 还没有声明和赋值，所以这是一种错误的做法，但是实际上不会报错。因为存在变量提升，真正运行的是下面的代码。

var a;
console.log(a);
a = 1;

最后的结果是显示 undefined，表示变量 a 已声明，但还未赋值。

注意：只是变量的声明会提升，变量的赋值是不会提升的。

7. 变量的分类

变量分为两种：

全局变量：在任何地方都可以使用的变量

局部变量：只能在函数内部使用的变量