变量关键字

最新推荐文章于 2023-08-28 09:29:29 发布

陈小同学

最新推荐文章于 2023-08-28 09:29:29 发布

阅读量341

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/xiaoChenPengYou/article/details/117692231

版权

变量关键字

var关键字

要定义一个变量可以使用var操作符，后面跟着变量名，变量命名要符合标识符规范。

var age;

上面定义了一个名为age，还没有初始化的变量。可以使用这个变量保存任何类型的值。在没有初始化的情况下，会获得一个特殊的值undefined。

你也可以同时声明多个变量，只要用逗号隔开就行。

var age,text,number;

当然，你也可以在声明变量的同时将它初始化。

var bool = true,
    text = "20",
    number = 40; // 你可以初始化所有类型的值

这里只是变量number保存了数值40。像这样初始化变量不会将它标识为数值类型，只是简单的赋值而已。这里的空格和换行都不是必须的，只是为了容易查看代码。

既然可以给变量赋值，那肯定可以改变它里面的值，甚至改变值的类型

var age = 20;
console.log(age); // 20
console.log(typeof age); // number
age = "20";
console.log(age); // 20
console.log(typeof age); // string

改变值的类型在ECMAScript中是完全有效的,但是不推荐改变值的类型。、

var声明作用域

使用var在函数内部声明变量，会变成函数内部的局部变量，也就意味着在函数外部是获取不到这个变量的，再函数运行结束时，变量就会被销毁掉。

function fn(){
    var age = 10;
}
fn();
console.log(age); // age is not defined. 会抛出这样的错误。

因为这个变量是在函数内部声明的，属于函数的局部变量。调用函数时才会创建它，调用完函数之后，就会被销毁。所以在输出变量的时候才会出错。你要是想在外面继续获取到的话，可以创建一个全局变量，也就是省略掉var操作符，直接给变量赋值。

function fn(){
    age = 10;
}
fn();
console.log(age); // 10

去掉var之后，age就变成了全局变量，只要调用一次函数之后，就可以在函数外部获取到了。

var变量提升

在使用var时，你先使用变量，在进行声明的操作是不会出错的，但是返回来的是undefined。因为var声明变量会自动提升到函数作用域的顶部。

function fn(){
    console.log(age);
    var age = 10;
}
fn(); // undefined

上面的代码会被引擎看作为下面的一段代码。

function fn(){
    var age;
    console.log(age);
    age = 10;
}
fn(); // undefined

提升，就是把声明提升到函数作用域的顶部。

var重复声明

重复声明，也就是多次声明同一个变量。在使用var声明变量时，由于声明会被提升，JavaScript引擎会自动将多余的声明在作用域顶部合并为一个声明。

var age = 10;
var age = 20;
var age = 30;
console.log(age); // 30

其实效果也就是相当于重新赋值。把声明提前合并成一个变量。

let

let 和 var 相差的其实不是很多。有一个很明显的，var声明的是函数作用域，let声明的是块级作用域（一个{}等于一个代码块）。函数作用域范围要大于块级作用域，块级作用域相当于函数作用域的子集，所以函数作用域的规范同时也适用于块级作用域。

不能重复声明。

let不像var一样可以重复声明同一个变量。一个块级作用域里只能声明一次。不然重复的话就会出错。
```
let age = 10;
let age = 20; // Uncaught SyntaxError: Identifier 'a' has already been declared
```
翻译过来的意思就是，未捕获的语法错误：标识符’age’已经被声明。这个不会因为var声明或者let声明混用受到影响。
```
var age = 10;
let age = 20; // Uncaught SyntaxError: Identifier 'a' has already been declared
```
没有变量提升

let 声明的变量不会在作用域中提升到顶部，在哪里声明就是在哪里。
```
function fn(){
    console.log(age);
    let age = 10;
}
fn(); // Cannot access 'age' before initialization
```
翻译过来就是：不能在初始化之前访问’age’。在let声明之前的执行瞬间称为“暂时性死区”，在这时候使用任何后面才声明的变量都会抛出错误。
全局声明

与var不同，let在全局作用域中声明的变量，不可以成为window对象的属性，var声明的变量可以。
```
var age = "hello";console.log(window.age); // hello 
let num = 10;
console.log(window.num); //  undefined
```

for 循环中的let声明

在没有let之前，使用var的情况下，在循环外是可以获取到里面声明的变量。在出现let之后，这个问腿就解决了。、

for(var i = 0; i<5; i++ ){ // 用var来声明    
console.log(i);//0-4
}
console.log(i);//5
// 用let来声明
for(let a = 0; a<5 ; a++){    
console.log(a);//0-4
}
console.log(a); // a is not defined 会抛出错误