程序猿必备的小知识(var和let)

351 阅读1分钟

小知识,大挑战!本文正在参与“程序员必备小知识”创作活动。

前言

正所谓 “代码不规范,亲人两行泪”,在中途接手代码不规范又有成千上万行时,定义变量有时候变得让人担心,是否会出现不小心覆盖了原始全局变量的问题。那么接下来你花几分钟阅读这篇文章就能解决!!

我们知道变量的声明有两种方法 varlet

var的怪异特性让各种前端开发者为之头疼,所以在ES6中增加了let帮助开发者解决一些因使用var而导致的怪异问题,我们通过一下案例可以帮助理解。


案例一:var
反复声明变量,这样的特性就很容易将一些全局变量改变,导致出现一些意外bug的出现,定位bug也会相对比较麻烦。

var age = 648;
var age = 648;
var age = 996;
var age = 1024;
alert(age); //输出1024

案例二:let
相比之下,let对于反复定义变量则会出现错误,提示用户 “标识符 'age' 已经声明”

let age = 648;
let age = 648;
let age = 996;
let age = 1024;
alert(age); 

image.png

总结

在维护旧项目时尽量使用let定义变量,放弃使用var,有助于避免变量的意外赋值导致的非预期行为也就是bug。在新项目中限制只使用let也有助于提升代码质量。