零基础学JS -6 Javascript的变量

🥇 SprinbBoot Vue3 项目实战: 新鲜出炉的2023实战系列博客,配套视频,用心打磨,篇篇精品.持续更新,值得订阅!

JavaScript 为数以百万计的网站和应用程序提供支持。在开发网站时，组织信息和存储数据非常重要。JavaScript 变量是一种在内存中存储信息或数据并为其命名的方式，以便于记住信息或数据的存储位置。

想象一下建立一个电子商务网站，你必须存储产品信息。对于每个产品，必须存储产品名称、制造商、发布日期、可用数量和价格。现在作为开发人员，一旦决定存储所有这些信息，就会越来越难以记住每条信息存储在内存中的位置，因为计算机上的内存地址是一长串数字和字符，不可能任何人都可以记住它们。一个 JavaScript 变量用于命名这些内存位置，以便在再次需要信息时，只需使用变量名即可检索信息。

在 JavaScript 中，使用 var、let 和 const 关键字创建变量。最初，变量只能使用 var 关键字创建。但是由于使用 var 存在一些历史上的缺陷，因此 let 和 const 被实现用于创建变量。建议开发者不再使用 var 关键字来声明变量。无论使用哪个关键字来声明变量，语法仍然保持不变。

如下所示，可以通过指定关键字来创建变量，后面跟随一个变量名称，用于存储和稍后检索值，一个简单的赋值运算符（等号）用于分配变量值，以及要存储的值本身。

<keyword> <variable_name> = <value_to_be_stored>

你可以选择创建局部变量或全局变量。全局变量可以从程序中的任何位置访问。局部变量是在函数内声明的变量，这避免了与具有相同变量名的另一个变量发生冲突。

在JavaScript中，你还可以在一个语句中声明多个变量。变量声明也可以跨越多行。

JavaScript变量命名规范

以下是开发者应该遵循的规则，以正确地声明变量：

• 变量名应该只包含字母、数字、$和_
• 变量名不应该以数字开头
• 变量名区分大小写，即result和Result是两个不同的变量
• 变量不能被命名为保留关键字之一，例如let、return、const等
• 变量应该使用驼峰命名法，即numOne比NumOne或numone更好
• 变量名中不能有连字符-
• 使用易于理解的名称来表示变量中存储的值。例如，开发者可以将变量phNum称为phoneNumber，而不是phNum。
• 不要使用单个字母的变量名，如x、a、z等。

var numOne = 20;
var numTwo = 30;

var result = numOne   numTwo;
console.log(‘Result is: ‘, result);

var关键字

可以使用var关键字创建变量。

唯一需要记住的是，如果在使用var关键字声明变量之前使用变量，JavaScript不会抛出错误。

在现代使用JavaScript编写的程序中，不建议使用var关键字来创建变量，应该使用let或const关键字代替。

使用var关键字创建的变量也是函数作用域也是全局作用域，即很难限制变量在大块代码中应该可访问的位置。因此，使用var关键字编写的代码难以维护。

let关键字

let关键字被引入来解决var关键字存在的变量提升问题。使用let创建的变量是块级作用域的，只能在声明它的块内访问。这限制了变量在代码中被其他地方覆盖的问题。

除此之外，使用let关键字创建的变量遵循与使用var关键字创建的变量相同的语法规则。使用let和var关键字创建的变量都可以被重新分配为不同类型的值，因此它们是可变的。

let numOne = 20;
let numTwo = 30;

var result = numOne   numTwo; 
console.log(‘Result is: ‘, result); // 输出 50

numThree = 60;
result = numOne   numThree; 
console.log(‘Result is: ‘, result); // 输出 80

const 关键

有时，创建的变量不应更改其分配的值。如果使用 let 和 var 关键字声明变量，则无法实现这一点。在这种情况下，应使用 const 关键字创建变量。使用 const 关键字创建的变量无法更改其分配的值。它代表常量。

let numOne = 20;
let numTwo = 30;

const result = numOne   numTwo; 
console.log(‘Result is: ‘, result); // 输出50 

numThree = 60;
result = numOne   numThree; // 不允许赋值给result
console.log(‘Result is: ‘, result); // 不会执行console,因为上面的赋值会报错

const关键字有时也被用来命名存储复杂值的变量，例如私钥、颜色、字体等。这些值通常比较难以记忆和存储，因此使用const关键字来声明这些变量是比较合适的。

const LIGHT_GRAY = ‘#ccc’;
const DARK_GRAY = ‘#eee’;

这篇好文章是转载于：学新通技术网