var和let区别简述
2024-09-06 09:47:40
因为习惯用var声明变量,以至于ES6出了let来替代var,我依然继续用var,直到后来慢慢了解let之后,开始尝试使用
不同点:
①:var属于ES5规范,let属于ES6规范
②:var有预处理机制,let没有。预处理机制也就是常说的声明提前
声明提前:不管变量被声明在函数什么位置,所有变量声明都会被提升至函数顶部(变量声明指 var a; 即声明还未赋值)
比如声明变量a并赋值为1,即 var a = 1; 则 var a;会被提升至函数顶部 (只是a被提前,a的值1不会被提前)
注:1. 在声明变量时一定要初始化 ,初始化指 var a = 1; (声明并赋值 )
2. 即使在函数内部,声明变量时一定要加上var,不要只写 a = 1; 否则变量a会自动升为全局变量
下面立即函数执行后,控制台不会打印出1,而是undefined,因为只有声明被提前,值没有
<script>
(function() {
console.log(a);
var a = 1;
})()
</script>
下面立即执行函数执行后,控制台不会打印出1和undefined,而是报错,因为let声明的变量不会被提前
<script>
(function() {
console.log(a);
let a = 1;
})()
</script>
③:作用域的不同,var是全局作用域,let是块级作用域
下面代码控制台会打印出1
<script>
if(true) {
var a = 1;
}
console.log(a);
</script>
下面代码控制台不会打印出1,会报错,提示a没有定义(let定义的变量只在{}里才能访问到)
<script>
if(true) {
var let = 1;
}
console.log(a);
</script>
最新文章
- 嵌入式Linux系统开发环境搭建
- 手机开发必备技巧:javascript及CSS功能代码分享
- GridView 下拉搜索
- Struts BaseAction工具类,封装Session,Request,Application,ModelDriven
- JS页面间传值
- SQL2012 附加数据库提示5120错误解决方法
- BZOJ2091: [Poi2010]The Minima Game
- [React] React Router: setRouteWillLeaveHook
- objective-C Ⅱ
- PLSQL实现分页查询
- es6拼接字符串``
- AI算法第一天【概述与数学初步】
- laravel代码生成器的记录
- SVM学习笔记4-核函数和离群点的处理
- Delphi数学运算当中四舍五入的问题
- 对象克隆技术Object.clone()
- Cocos2d-X开发中国象棋《二》project文件概述
- 单例模式与静态变量在PHP中 (转载)
- linux shell学习二
- hdu 5202(DFS)