变量
声明后可以修改
- 怎么定义变量
有两种声明方式
//方式1: var
var a = 1;
//方式2: let
let b = 2;
- 变量的作用域
局部作用域: 函数内是局部作用域
全局作用域: 最外层的作用域
function test() {
// 局部变量， 函数执行完毕就会被销毁掉
var msg = "hello";
}
test();
console.log(msg); //ReferenceError: msg is not defined
function test() {
// 省略var,msg就变成全局变量，只要调用过一个test()，这个变量就可以在函数外部任何地方被访问到
// 不推荐，很难维护
msg = "hello";
}
test();
console.log(msg); //hello
补充一点, 什么是作用域链?
作用域链就是查看当前作用域中有没有声明这个变量, 没有就一直往上找, 直到全局作用域为止, 果全局作用域中也没有声明, 我们就认为这个变量未声明
- 我们可以通过let和var两种方式定义变量, 他们有啥区别?
- let是es6新特性
- let有块级作用域
// 例1
{
var a = 1;
let b = 2;
}
console.log(a); //1
console.log(b); //ReferenceError: b is not defined
//例2
for(let i=0; i<5; i++){
}
console.log(i);//ReferenceError: i is not defined
for(var i=0; i<5; i++){
}
console.log(i);//5
结论:
1. 在代码块中使用let声明的变量只在所在的代码块内有效
2. 在代码块中使用var声明的变量全局范围内有效
- var存在变量提升
console.log(a); //undefined
var a = 1;
console.log(b); //ReferenceError: b is not defined
let b = 2;
结论:
使用var声明的变量会发生变量提升, 脚本运行时, 变量a已经存在了, 但没有值, 使用let声明不会发生变量提升
什么是变量提升?
Javascript引擎的工作方式是, 先解析代码, 获取所有被声明的变量, 然后再一行一行的运行, 这样造成的后果就是所有的变量的声明语句, 都会被提升到代码的头部, 这就是所谓的变量提升
- let存在暂时性死区
var a = 1;
if(true){
a = 2; //ReferenceError: a is not defined
let a;
}
结论:
ES6明确规定, 如果区块中存在let和const命令, 这个区块的变量声明, 从一开始就形成了封闭作用域, 凡是声明之前就使用这些变量的就会报错
- let不能重复声明
var a = 1;
var a = 2;
let b = 3;
let b = 4; //SyntaxError: Identifier 'b' has already been declared
结论:
var 可以重复声明变量
let 不可以重复声明变量
常量
一旦声明, 不可修改
不存在变量提升, 存在暂时性死区, 只能声明后使用
const a = 1;
a = 2; //TypeError: Assignment to constant variable. 改就报错
const的本质: 并不是值不能改变, 而是指向的那个内存地址不能改变, 对于简单数据类型, 值就保存在指向的内存地址, 但是对于复杂数据类型, 指向的内存地址保存的只是一个指针, const只能保证这个指定不能改变,至于它指向的数据结构是不是可变, 就不可控了。
欢迎留言补充更多知识点!!!
