var和let都用于javascript中的函数声明，它们之间的区别是，var是函数作用域，let是块作用域。
可以说，与let相比，用var声明的变量在整个程序中都是定义的。
举个例子会更清楚地说明这种区别，如下：
var的例子:
输入:console.log(x);var x=5;console.log(x);输出:undefined5
登录后复制
立即学习“Java免费学习笔记（深入）”；
let的例子：
输入:console.log(x);let x=5;console.log(x);输出:Error
登录后复制
让我们看看JavaScript代码:
代码示例1:
// 定义后调用x var x = 5; document.write(x, ""); // 定义后调用y let y = 10; document.write(y, ""); // 在定义之前调用var z将返回undefined document.write(z, ""); var z = 2; // 在定义前调用let a会产生错误 document.write(a); let a = 3;
登录后复制
输出：
代码示例2:
在下面的代码中，单击start将调用一个函数，该函数每0.5秒更改两个标题的颜色。第一个标题的颜色存储在一个var中，第二个标题使用let声明。
然后在函数块之外访问它们。Var将工作，但使用let声明的变量将显示一个错误，因为let是块作用域。
nbsp;html>js教程 javascript教程
javascript教程
function colour() { setInterval(function() { if (document.getElementById('var').style.color == 'black') var col1 = 'blue'; else col1 = 'black'; // 通过var设置color 1的值 if (document.getElementById('let').style.color == 'black') { let col2 = 'red'; } else { col2 = 'black'; } // 通过let设置color 2的值 document.getElementById('var').style.color = col1; document.getElementById('let').style.color = col2; // 在html中改变h1的颜色 }, 500); }
登录后复制
输出：
相关推荐：《javascript教程》
本篇文章就是关于JavaScript中的var和let之间的区别介绍，希望对需要的朋友有所帮助！
以上就是JavaScript中的var和let的区别（代码示例）的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2732116.html
