var、let、const的区别

  1. var定义的变量,没有块的概念,可以跨块访问, 不能跨函数访问。
  2. let定义的变量,只能在块作用域里访问,不能跨块访问,也不能跨函数访问。
  3. const用来定义常量,使用时必须初始化(即必须赋值),只能在块作用域里访问,而且不能修改。
  4. 同一个变量只能使用一种方式声明,不然会报错
cpp 复制代码
<script type="text/javascript">
	// 块作用域
	{
		var a = 1;
		let b = 2;
		const c = 3;
		// c = 4; // 报错
		
		// let a = 'a';	// 报错  注:是上面 var a = 1; 那行报错
		// var b = 'b';	// 报错:本行报错
		// const a = 'a1';	// 报错  注:是上面 var a = 1; 那行报错
		// let c = 'c';	// 报错:本行报错

		var aa;
		let bb;
		// const cc; // 报错
		console.log(a); // 1
		console.log(b); // 2
		console.log(c); // 3
		console.log(aa); // undefined
		console.log(bb); // undefined
	}
	console.log(a); // 1
	// console.log(b); // 报错
	// console.log(c); // 报错

	// 函数作用域
	(function A() {
		var d = 5;
		let e = 6;
		const f = 7;
		console.log(d); // 5
		console.log(e); // 6  (在同一个{ }中,也属于同一个块,可以正常访问到)
		console.log(f); // 7  (在同一个{ }中,也属于同一个块,可以正常访问到)
	})();
	// console.log(d); // 报错
	// console.log(e); // 报错
	// console.log(f); // 报错
</script>
相关推荐
小二·11 小时前
前端测试体系完全指南:从 Vitest 单元测试到 Cypress E2E(Vue 3 + TypeScript)
前端·typescript·单元测试
pas13611 小时前
18-mini-vue element
前端·vue.js·ubuntu
C_心欲无痕11 小时前
js - generator 和 async 函数讲解
开发语言·javascript·ecmascript
哟哟耶耶11 小时前
Plugin-webpack内置功能split-chunks-plugin配置打包代码分割
前端·webpack·node.js
青梅主码11 小时前
给 AI 打个分,就能搞出估值17亿独角兽??刚刚完成1.5亿美元A轮融资,这个AI 评测平台彻底火了!LMArena
前端
GUIRH11 小时前
Vue指令
前端
林恒smileZAZ11 小时前
前端技巧:检测到省略号文本自动显示 Tooltip
开发语言·前端·javascript
Zzz不能停11 小时前
阻止冒泡和阻止元素默认行为的区别
开发语言·前端·javascript
攀登的牵牛花11 小时前
前端向架构突围系列 - 架构方法(三):前端设计文档的写作模式
前端·架构
m0_5287238111 小时前
如何避免多次调用同一接口
前端·javascript·vue.js·性能优化