javascript中声明变量的关键字是什么-木庄网络博客

本文摘自PHP中文网，作者青灯夜游，侵删。

javascript中声明变量的关键字是var、let和const。var声明的变量可以用来保存任何类型的值，声明的范围是函数作用域；let声明的范围是块作用域；而const声明变量时必须同时初始化变量，且初始化后值不可再修改。

本教程操作环境：windows7系统、ECMAScript 6版、Dell G3电脑。

声明变量关键字var、let和const

ECMAScript变量是松散类型的，即变量可以用于保存任何类型的数据，每个变量只不过是一个用于保存任意值的命名占位符。

1.var关键字

var声明的变量可以用来保存任何类型的值（在不初始化的情况下会保存一个特殊值undefined），像其他语言一样在javascript在定义变量的同时还可以对变量进行赋值，该变量被定义为一个保存所赋值的值的变量，因为javascript是动态语言，在初始化变量的时候不会将它标识为所赋值的数据类型，只是一个简单的赋值而已。随后不仅可以改变保存的值，还可以改变值的类型：

1 2	`var` `message =` `"hi";` `message = 100;`

1.1.var声明作用域

使用var操作符定义的变量会成为包含它的函数的局部变量。比如，使用var在函数内部定义一个变量，就意味这该变量将在函数退出时被销毁，我觉得这就是所说的垃圾回收：

function test( ) {
        vart message = "hi";    //局部变量
    }
test( );
console.log(message);   //报错！

函数调用之后变量会随机被销毁，因此最后一行会报错。不过，在函数定义变量时省略var操作符时可以创建一个全局变量：

function test( )  {
    message = "hi"; //全局变量
}
test( );
console.log(message);   //"hi"

只要调用一次函数test( )就会定义message这一全局变量，并且可以在函数外部访问。但是由于在局部作用域中定义的全局变量很难维护，所以一般不推荐这样做。

1.2.var声明提升

使用var关键字声明的变量会自动提升函数作用域顶部，即所谓的“提升”(hoist),也就是把所有变量声明都拉到函数作用域的顶部：

function fool( ) {
    console.log(age);
    var age = 28;
}
fool( );    //undefined

这里是不会报错的，而是显示undefined,ECMAScript在运行是会把它看成等价于如下的代码：

function fool( ) {
    var age;
    console.log(age);
    age = 28;
}
fool( );    //undefined

2.let声明

let跟var的作用差不多，但有着非常重要的区别。最明显的区别是let声明的范围是块作用域，而var声明的范围是函数作用域：

if (true) {
    let age = 26;
    console.log(age);   //26
}
console.log(age);   //ReferceError:age没有定义

age变量的作用域仅限于该块内部，所以不能在if块外部被引用。块作用域是函数作用域的子集，所以适用于var的作用域限制也同样适用于let。

阅读剩余部分

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者

转载请注明出处：木庄网络博客 » javascript中声明变量的关键字是什么

javascript中声明变量的关键字是什么

声明变量关键字var、let和const

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

相关推荐

评论