var、let、const 整理

作用域
谈到变量,就要说作用域,
ES6之前的作用域可以分为全局作用域 和 局部作用域(函数作用域);
ES6新增了块级作用域。块作用域由 { } 包括。
作用域限定了变量作用的范围。

数据类型
对于javascript来说,有两种数据类型:基本类型(值类型)和复杂类型(引用类型)。
值类型:字符串(String)、数字(Number)、布尔(Boolean)、空(Null)、未定义(Undefined)、Symbol(es6新增)、BIgInt(es11新增)。
引用类型:数组(Array)、对象(Object)、函数(Function),还有两个特殊的对象:正则(RegExp)和日期(Date)。


变量提升
对于var声明的变量,存在变量提升,即可以在未赋值时使用,此时变量值为undefined,而let const 不存在变量提升。
重复声明
var声明的变量可以重复声明,let和const不可以。
跨块访问
var声明的变量,可以跨块访问, 不能跨函数访问;
let和const声明的变量,不能跨块访问,也不能跨函数访问。

{let temp = 1;}
// console.log(temp) // Uncaught ReferenceError: temp is not defined
function test() {
    console.log(temp) // Uncaught ReferenceError: temp is not defined
}
test()

初始值
const声明的时候必须赋值,var和let不必须。
重复赋值
对于var和let来说,可以多次修改变量;对于const声明的简单类型,不可修改,而复杂类型因为存的是引用地址,只要指向不发生修改是可以修改其中的某些内容的。


对于函数,如果没使用关键字声明,变量会成为全局变量。

var str ="global";
function test(){
    console.log(str); // undefined
    var str = "fun"
    console.log(str); // fun
}
test();
var str ="global";
function test(){
    console.log(str); // global
    str = "fun"
    console.log(str); // fun
}
test();
onsole.log(str); // fun

关于变量提升

样例一

console.log(a)  // undefined
var a = 0
var a;
console.log(a)
a = 0

样例二

console.log(b) // ƒ b(){ console.log(1) }
function b(){
	console.log(1)
}
function b(){
	console.log(1)
}
console.log(b)

当函数与变量同时存在时
样例三 函数和变量重名情况

var a = 1
function a(){
    console.log("A")
}
function b(){
    console.log("B")
}   
b = 2 
console.log(a,b)  // 1 2
var a
var b
function a(){
    console.log("A")
}
function b(){
    console.log("B")
}   
a = 1
b = 2 
console.log(a,b)  // 1 2

你可能感兴趣的:(javascript,前端,开发语言)