JS中var let声明范围区别详解
更新时间：2023年07月13日 09:01:49 作者：土豆
这篇文章主要为大家介绍了JS中var let声明范围区别示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
var声明提升
console.log(name) //土豆 var name = '土豆';
使用var声明的变量会自动提升到函数作用域的顶部
function foo(){
console.log(name);
var name = "土豆";
}
foo() //undefined
//等价于
function foo(){
var name;
console.log(name);
name = "土豆";
}
foo(); //undefinedconsole.log(name) //ReferenceError name没有被定义 let name ="土豆";
而使用let定义的name不会被提升，报出ReferenceError的错误；
var可以重复声明同一个变量
var name = "番茄"; var name = "西瓜"; var name = "土豆"; console.log(name);//土豆
而使用let重复声明同一个变量会报错。
var name = "土豆"; let name = "土豆"; console.log(name);//'name' has already been declared
let name = "土豆"; var name = "土豆"; console.log(name);//Cannot redeclare block-scoped variable 'name'.
var全局声明
var name = "土豆"; console.log(window.name);//土豆 let age = "24"; console.log(window.age); //undefined
使用var定义的变量会被挂载到window上，成为window对象的属性，而使用let不会。
作用域
if(true){
var name = "土豆";
console.log(name);
}
console.log(name);
//土豆
//土豆
if(true){
let age = 24;
console.log(age);
}
console.log(age);
//24
//undefined使用var声明的范围是函数作用域，使用let声明的范围是块作用域。
以上就是JS中var let声明范围区别详解的详细内容，更多关于JS var let声明范围区别的资料请关注脚本之家其它相关文章！
相关文章
在开发中我们经常会遇到对于字符串的部分取舍问题，本文主要介绍了js裁剪(分隔)字符串的三种常用方法，今天我们来看看3中常用的方法来解决这个问题，感兴趣的可以一起了解一下2022-02-02
reduce是一个对数组累积操作的方法,使用时要加上 return 返回累积操作的数据,这样 prev 才能获取上一次执行的结果,否则是 undefined,这篇文章主要介绍了JS 中 reduce()方法及使用详解,需要的朋友可以参考下2023-12-12
xml 与javascript结合的问题解决方法...2007-03-03
这篇文章主要介绍了微信小程序实现搜索关键词高亮的示例代码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2021-03-03
下面小编就为大家带来一篇js实现html table 行,列锁定的简单实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-10-10
这篇文章主要介绍了对于防止按钮重复点击的尝试，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-04-04
这篇文章主要为大家详细介绍了js实现倒计时的关键代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-05-05
在数据可视化大屏中,滚动表格是一种常见的需求,本文介绍了如何利用scrollTop属性和定时器来制作滚动效果,不依赖于任何插件,可以实现自定义的滚动表格,文中通过代码介绍是非常详细,需要的朋友可以参考下2024-09-09
和JAVA中String对象用处一样啊，javascript中的String对象也有自己的方法，和JAVA中的类似。2015-06-06
javascript模拟地球旋转效果，把一下代码保存到HTML文件，打开就可以看到一个旋转的地球。请使用Chrome、Opera或者火狐浏览器查看，IE8不支持2013-12-12
最新评论