👨💻 作者简介:程序员半夏 , 一名全栈程序员,擅长使用各种编程语言和框架,如JavaScript、React、Node.js、Java、Python、Django、MySQL等.专注于大前端与后端的硬核干货分享,同时是一个随缘更新的UP主. 你可以在各个平台找到我!
🏆 本文收录于专栏: 零基础学JavaScript,包含JavaScript 基础知识,DOM相关知识,高级知识点,最新ES特性
————————————————————————
🔥 热门专栏:🥇 学透CSS: 全网阅读超百万,CSDN最强CSS专栏,精通CSS全属性,不做切图仔,从订阅本专栏开始!
🥇 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 关键字创建的变量无法更改其分配的值。它代表常量。文章来源:https://www.toymoban.com/news/detail-448300.html
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关键字来声明这些变量是比较合适的。文章来源地址https://www.toymoban.com/news/detail-448300.html
const LIGHT_GRAY = ‘#ccc’;
const DARK_GRAY = ‘#eee’;
到了这里,关于【零基础学JS -6 】Javascript的变量的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!