cssjshtml vue var const let 区别

var const  let 区别:

1.const定义的变量不可以修改,而且必须初始化。

const用于声明常量  constlet有着相同的特点

const b = 2;//正确
// const b;//错误,必须初始化 
console.log('函数外const定义b:' + b);//有输出值
// b = 5;
// console.log('函数外修改const定义b:' + b);//无法输出 

const 的本质 const的本质是保证变量指向的内存地址不会改动.

  • 对于基本数据类型来说, 变量指向的内存地址保存的是变量的值. 既然值保存在变量指向的内存地址中, 那么和常量没有区别
  • 对于复杂数据类型如对象来说, 变量指向的内存地址保存的是另一个地址, 这个地址是堆内存中的一块地址, 在堆内存的地址中存放的才是对象. 因此我们可以这样说, 变量的内存地址保存着一个指针, 这个指针指向堆内存中的地址. 那么const保存的这个指正永远指向堆内存地址, 而对于堆内存上的对象, 我们是可以修改的. 但是我们无法修改这个指针
const obj = {name: "obj"}
obj.age = 20    //可以修改obj指向对象的属性

console.log(obj) //{name: "obj", age: 20}

obj = {} //Uncaught SyntaxError: Identifier 'obj' has already been declared
//obj是一个指针, 它不能指向新的对象

2.var定义的变量可以修改,如果不初始化会输出undefined,不会报错。

var a = 1;
// var a;//不会报错
console.log('函数外var定义a:' + a);//可以输出a=1
function change(){
a = 4;
console.log('函数内var定义a:' + a);//可以输出a=4
} 
change();
console.log('函数调用后var定义a为函数内部修改值:' + a);//可以输出a=4

3.let是块级作用域,函数内部使用let定义后,对函数外部无影响

let c = 3;
console.log('函数外let定义c:' + c);//输出c=3
function change(){
let c = 6;
console.log('函数内let定义c:' + c);//输出c=6
} 
change();
console.log('函数调用后let定义c不受函数内部定义影响:' + c);//输出c=3

let声明的变量只在其所在代码块内有效

{
    let a = 2
    console.log(a) //2
}
console.log(a) //undefined

let不存在声明提升, 因此或出现暂存性死区

a = 2
console.log(a)  //2
var a 

b = 3
console.log(b)  //b is not defined
let b

let在同一作用域中不能重复声明一个变量, 即使是声明函数的参数也不行

let a = 3
let b = 2

let a //Uncaught SyntaxError: Identifier 'a' has already been declared

引用:编程狂魔 引用:奔跑的铃铛

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

扫码关注云+社区

领取腾讯云代金券