【零基础学JS -6 】Javascript的变量

这篇具有很好参考价值的文章主要介绍了【零基础学JS -6 】Javascript的变量。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

👨‍💻 作者简介:程序员半夏 , 一名全栈程序员,擅长使用各种编程语言和框架,如JavaScript、React、Node.js、Java、Python、Django、MySQL等.专注于大前端与后端的硬核干货分享,同时是一个随缘更新的UP主. 你可以在各个平台找到我!
🏆 本文收录于专栏: 零基础学JavaScript,包含JavaScript 基础知识,DOM相关知识,高级知识点,最新ES特性
————————————————————————
🔥 热门专栏:

🥇 学透CSS: 全网阅读超百万,CSDN最强CSS专栏,精通CSS全属性,不做切图仔,从订阅本专栏开始!

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

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

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

在 JavaScript 中,使用 varletconst 关键字创建变量。最初,变量只能使用 var 关键字创建。但是由于使用 var 存在一些历史上的缺陷,因此 letconst 被实现用于创建变量。建议开发者不再使用 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关键字来声明这些变量是比较合适的。文章来源地址https://www.toymoban.com/news/detail-448300.html

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

到了这里,关于【零基础学JS -6 】Javascript的变量的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • JavaScript(JS基础)

    提示:JS的重点是让静态的页面产生一些变化 提示:JavaScript是弱类型语言,行尾分号可写可不写 首先看下Java 与 JavaScript什么关系 JS编写在 script (脚本)标记中, script 标记可以出现在html中的任意位置,也就是说JS代码可以嵌入在HTML中任意部分,从上到下依次执行 script引入外

    2024年02月11日
    浏览(48)
  • JS基础-初识JavaScript

    前面讲了前端开发必备的三种语言。其中的HTML、CSS我们基本上有了比较正确的认识。这里讲一下JavaScript。 语言 功能 结构层 HTML 搭建结构、放置部件、描述定义 样式层 CSS 美化页面、实现布局 行为层 JavaScript 实现交互效果、数据收发、表单验证 HTML构成了基础的骨架。 CSS

    2024年02月10日
    浏览(43)
  • JavaScript基础语法02——JS书写位置

    哈喽,大家好,我是雷工! 今天继续学习JavaScript基础语法,JS的书写位置,俗话说:好记性不如烂笔头,边学边记,方便回顾。 代码写在标签内部 示例: 2.1、要将JS代码直接写在HTML文件里面。 2.2、在HTML文件中添加一个script,用script标签包住,script标签中的代码就是JS代码

    2024年02月10日
    浏览(42)
  • 【零基础学JS - 14 】javaScript中的switch语句

    👨‍💻 作者简介:程序员半夏 , 一名全栈程序员,擅长使用各种编程语言和框架,如JavaScript、React、Node.js、Java、Python、Django、MySQL等.专注于大前端与后端的硬核干货分享,同时是一个随缘更新的UP主. 你可以在各个平台找到我! 🏆 本文收录于专栏: 零基础学JavaScript,包含Jav

    2024年02月07日
    浏览(38)
  • 【JS笔记】JavaScript语法 《基础+重点》 知识内容,快速上手(四)

    BOM(Browser Object Model): 浏览器对象模型 其实就是操作浏览器的一些能力 我们可以操作哪些内容 获取一些浏览器的相关信息(窗口的大小) 操作浏览器进行页面跳转 获取当前浏览器地址栏的信息 操作浏览器的滚动条 浏览器的信息(浏览器的版本) 让浏览器出现一个弹出

    2024年01月18日
    浏览(49)
  • javascript打飞机程序8x8x飞机大战js打飞机程序,飞机大战知识点包含了JavaScript面向过程的全部知识点,包括变量、运算符、判断、循环、数组、自定义函数、系统函数、事件等。...

    讲解了JavaScript编程语言制作游戏界面,添加游戏控制、制作元素动画、制作多元素场景,添加碰撞功能、制作精灵动画等功能 源码如下: html:

    2024年02月16日
    浏览(66)
  • 〖大前端 - 基础入门三大核心之JS篇㉓〗- JavaScript 的「数组」

    当前子专栏 基础入门三大核心篇 是免费开放阶段 。 推荐他人订阅,可获取扣除平台费用后的35%收益,文末名片加V! 说明:该文属于 大前端全栈架构白宝书专栏, 目前阶段免费开放 , 购买任意白宝书体系化专栏可加入 TFS-CLUB 私域社区。 福利:除了通过订阅\\\"白宝书系列专

    2024年02月04日
    浏览(70)
  • 〖大前端 - 基础入门三大核心之JS篇㉟〗- JavaScript 的DOM简介

    说明:该文属于 大前端全栈架构白宝书专栏, 目前阶段免费 , 如需要项目实战或者是体系化资源,文末名片加V! 作者:不渴望力量的哈士奇(哈哥),十余年工作经验, 从事过全栈研发、产品经理等工作,目前在公司担任研发部门CTO。 荣誉: 2022年度博客之星Top4、2023年度超

    2024年02月04日
    浏览(54)
  • 〖大前端 - 基础入门三大核心之JS篇㉔〗- JavaScript 的数组的常用方法 (一)

    当前子专栏 基础入门三大核心篇 是免费开放阶段 。 推荐他人订阅,可获取扣除平台费用后的35%收益,文末名片加V! 说明:该文属于 大前端全栈架构白宝书专栏, 目前阶段免费开放 , 购买任意白宝书体系化专栏可加入 TFS-CLUB 私域社区。 福利:除了通过订阅\\\"白宝书系列专

    2024年02月07日
    浏览(56)
  • 〖大前端 - 基础入门三大核心之JS篇⑰〗- JavaScript的流程控制语句「while循环语句」

    当前子专栏 基础入门三大核心篇 是免费开放阶段 。 推荐他人订阅,可获取扣除平台费用后的35%收益,文末名片加V! 说明:该文属于 大前端全栈架构白宝书专栏, 目前阶段免费开放 , 购买任意白宝书体系化专栏可加入 TFS-CLUB 私域社区。 福利:除了通过订阅\\\"白宝书系列专

    2024年02月04日
    浏览(94)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包