JavaScript之变量（声明、解析、作用域）

迈不过友情╰ 2021-11-09 18:44 402阅读 0赞

## 声明（创建） JavaScript 变量 ##

在 JavaScript 中创建变量通常称为"声明"变量。

一、我们使用 var 关键词来声明变量：

var carname;

变量声明之后，该变量是空的，其值实际上是 undefined。

如需向变量赋值，请使用等号：

carname="Volvo";

不过，您也可以在声明变量时对其赋值：

var carname="Volvo";

当使用var声明一个变量时，创建的这个属性是不可配置的，也就是说无法通过delete运算符删除

二、也可使用let声明，let允许你声明一个作用域被限制在块级中的变量、语句或者表达式。在Function中局部变量推荐使用let变量，避免变量名冲突。let 声明的变量只在其声明的块或子块中可用，这一点，与var相似。二者之间最主要的区别在于var声明的变量的作用域是整个封闭函数。

## 重新声明 JavaScript 变量 ##

如果重新声明 JavaScript 变量，该变量的值不会丢失：

在以下两条语句执行后，变量 carname 的值依然是 "Volvo"：

var carname="Volvo";  
var carname;

## 变量的解析 ##

**名字解析顺序**

javascript中一个名字(name)以四种方式进入作用域(scope)，其优先级顺序如下：  
1、语言内置：所有的作用域中都有 this 和 arguments 关键字  
2、形式参数：函数的参数在函数作用域中都是有效的  
3、函数声明：形如function foo() \{\}  
4、变量声明：形如var bar;

名字声明的优先级如上所示，也就是说如果一个变量的名字与函数的名字相同，那么函数的名字会覆盖变量的名字，无论其在代码中的顺序如何。但名字的初始化却是按其在代码中书写的顺序进行的，不受以上优先级的影响

## 变量的作用域 ##

**javascript是没有块级作用域的**。**函数是JavaScript中唯一拥有自身作用域的结构。**

`var` `v =` `"hello"` `;`

`if` `(` `true` `){`

`  ` `console.log(v);`

`  ` `var` `v =` `"world"` `;`

`}`

输出结果为：hello

修改如下：

`var` `v =` `"hello"` `;`

`(` `function` `(){`

`  ` `console.log(v);`

`  ` `var` `v =` `"world"` `;`

`})();`

输出结果为：undefined。因为在function作用域内，变量v的声明被提升了

Javascript声明变量的时候，虽然用var关键字声明和不用关键字声明，很多时候运行并没有问题，但是这两种方式还是有区别的。

例一：

输出结果为：

![1335963-20190701101157567-1842785734.png][]

总结：var声明的变量在函数内部属于局部变量，不会改变全局变量的值。

如果改为：

那么输出结果变为：

![1335963-20190701101320607-468942286.png][]

总结：没有用var声明的变量都是全局变量，而且是顶层对象的属性。（变量提升只是声明提升，赋值不会提升）

转载于:https://www.cnblogs.com/g012/p/11112875.html

[1335963-20190701101157567-1842785734.png]: /images/20211109/14d72c016d3948d3bdb61fc0c9c13666.png
[1335963-20190701101320607-468942286.png]: /images/20211109/7cd93467e3c0457699277e3319ae5ed2.png