《JavaScript基础-重点知识分享》-- 变量

280 阅读2分钟

针对JavaScript学习中的重点知识总结

查看源图像

一、变量

变量是用于存储信息的"容器"。

定义变量

要想使用变量,需要先声明,然后赋值

 var 变量名 = 变量值;

实例


var x = 1;
var y = 2;
var z = 3;

在本例中 x , y , z 是变量

我们可以得出

x 存储值 1

y 存储值 2

z 存储值 3

简而言之就是数据扔到变量里面。

同时定义多个变量

使用逗号隔开,可以同时定义多个变量

var x = 1,
    y = 2,
    z = 3;
console.log(x,y,z);

变量的使用

定义并使用变量

当变量被赋值以后, 我们就可以通过变量名字来使用它

    var x = 1;
    var y = 2;
    var z = 3;
    console.log(x,y,z);

使用变量不要加引号, 不然会变成字符串

    var x = 123;
    console.log(x); // 123
    console.log("x");

改变变量的值

修改变量的值,不需要再次使用 var。

如下:

// 定义变量并赋值
var x = 18;
// 改变变量的值
x = 20;
console.log(x); // 20

JavaScript 算数

我们可以在JavaScript变量中使用算术运算符

实例:

    var x = 1;
    var y = 2;
    var z = x + y;
    console.log(z);

变量的命名

  1. 只能是数字,字母,下划线,$符号

  2. 不能以数字开头

  3. 不能使用JavaScript的保留字或者关键字 ,例如 var...

  4. 区分字母大小写

  5. 变量可用于存放值(比如 x=5)和表达式(比如 z=x+y)。

    变量可以使用短名称(比如 x 和 y),也可以使用描述性更好的名称(比如 age, sum, ...)。

正确示例:

hello abC_123 $123 $ 

错误示例 :

123a aBc# ¥ true false console log alert

变量命名法

通常我们都是用驼峰命名法,驼峰命名法分为大驼峰 :CamelCase 和小驼峰: camelCase。

又或者使用下划线命名法: my_name

注意:命名要做到见名知意!!!

变量的默认值

一个变量只定义, 但是没有赋初始值, 默认 undefined

一个变量只有被 var 定义, 并赋初始值之后, 才算初始化完成

var x;
console.log(x); // undefined
x = 10;
console.log(x); // 10

变量常见错误

总所周知JavaScript是一门弱类型语言,在声明变量的时候,如果没有写 var,可以输出,但是会产生作用域问题,所以定义变量时必须写var

x = 10;
console0.log(x); // x

变量声明提升

你可以提前使用一个稍后才声明的变量, 而不会引发异常

在执行所有代码之前, JS 有预解析阶段, 会预读所有变量的定义, 把定义提到所有语句之前

console.log(x); // undefined
var x = 18;

在实际开发过程中, 不要刻意使用变量声明提升, 一定要先定义并附初始值, 然后再使用变量