前端 JS 经典:let、const、var 区别

简介: 前端 JS 经典:let、const、var 区别

1. 作用域

if (true) {
  // var出来的变量是全局的,但是不能跨函数访问
  var a = 0;
  let b = 0;
  const c = 0;
}
console.log(a); // 0
console.log(b); // b is not defined
console.log(c); // c is not defined

2. 变量提升

console.log(a); // 1
console.log(b); // b is not defined
console.log(c); // c is not defined
 
var a = 1;
let b = 2;
const c = 3;

3. 全局属性

var a = 1;
let b = 2;
const c = 3;
 
console.log(window.a); // 1
console.log(window.b); // undefined
console.log(window.c); // undefined

4. 初始值

// var, let 不用设置初始值
// const 必须设置初始值


目录
相关文章
|
11天前
|
监控 前端开发 JavaScript
前端工程化和传统前端开发的区别是什么?
前端工程化相比传统前端开发,在开发模式、代码组织与管理、构建与部署流程、团队协作、性能优化以及技术选型等方面都有了显著的改进和提升,能够更好地应对现代前端应用开发的复杂性和高要求。
|
1月前
|
JavaScript 前端开发
【JavaScript】let,const和var的区别
总的来说,随着ECMAScript 6(ES6)及后续版本的推广,`let`和 `const`因其增强的块级作用域和对变量行为的更严格控制,逐渐成为现代JavaScript编码实践中推荐使用的变量声明方式。而 `var`由于其历史遗留的局限性,正逐渐被边缘化,但在维护老代码或处理特定兼容性需求时仍需了解。
36 3
|
1月前
|
JavaScript 前端开发 应用服务中间件
Vue开发中,在实现单页面应用(SPA)前端路由时的hash模式和history模式的区别及详细介绍
Vue开发中,在实现单页面应用(SPA)前端路由时的hash模式和history模式的区别及详细介绍
28 0
|
1月前
|
存储 前端开发 API
前端开发中,Web Storage的存储数据的方法localstorage和sessionStorage的使用及区别
前端开发中,Web Storage的存储数据的方法localstorage和sessionStorage的使用及区别
94 0
|
1月前
|
JavaScript 前端开发 安全
JS中const有没有变量提升
JS中const有没有变量提升
15 0
|
2月前
|
JavaScript 前端开发
JavaScript let 和 const
JavaScript let 和 const
23 3
|
3月前
|
JavaScript 前端开发
|
6月前
|
前端开发 JavaScript 网络协议
前端最常见的JS面试题大全
【4月更文挑战第3天】前端最常见的JS面试题大全
103 5
|
6月前
|
JavaScript 前端开发
web前端JS高阶面试题(1),高级开发工程师面试
web前端JS高阶面试题(1),高级开发工程师面试
|
6月前
|
JSON JavaScript 前端开发
web前端入门到实战:32道常见的js面试题,2024年最新秋招是直接面试吗
web前端入门到实战:32道常见的js面试题,2024年最新秋招是直接面试吗