【JavaScript教程】#2 零基础轻松入门JavaScript: 学会怎么用【变量】和【常量】储存数据 | JavaScript Tutorial (Variable & Constant)




【JavaScript教程】#2 零基础轻松入门JavaScript: 学会怎么用【变量】和【常量】储存数据 | JavaScript Tutorial (Variable & Constant) 这是JavaScript教程的第二节课,在第一节课里,我和同学们介绍了怎么轻松入门JavaScript,编写第一个JavaScript程序“Hello World!”。今天这节课,我们会聚焦JavaScript程序在运行的时候怎么储存数据。上完这节课,同学们就明白在JavaScript的世界里,数据是程序运行周期是怎么被储存和读取的。马上点击观看视频! ☕ ☕ ☕ 给我买杯咖啡提提神吧! ✅ https://bit.ly/3kCOpFK ✅ (免费) JavaScript教程系列: https://bit.ly/310cHle ✅ 更多精彩的JavaScript入门课程: http://bit.ly/js-for-beginners ✅ JavaScript相关书籍: 1:The Definitive Guide: Master the World's Most-Used Programming Language - 7th Edition (强烈推荐👍) https://amzn.to/31s30uH ✅(通告)”Codetisan 自学编程社区“ 已经正式开通啦,三人行必有我师,同学们再也不用独自一人闷头自学编程了,快去社区里和其他小伙伴们互动吧! ▶︎ https://bit.ly/2AHylzN 🔆订阅我的YouTube频道,让你从一个0基础编程的菜鸟快速成为编程大师!🔆 http://bit.ly/2TBkXo1 ▶︎ 文轩解码更精彩的平台 ◀︎ ‣‣ Blogger :https://bit.ly/2yMz0PC ‣‣ Twitter: https://bit.ly/2R74FS1 ‣‣ Facebook: https://bit.ly/35crcmz ‣‣ Instagram: https://bit.ly/2KH6Wjw ‣‣ Github: https://bit.ly/2SHtsx4 #编程入门 #javascript变量常 #javascript入门

文字内容:

大家好,我是文轩 欢迎再次收看文轩解码
 这是JavaScript教程的第二节课 在第一节课里 我和同学们介绍了怎么轻松入门JavaScript 编写第一个JavaScript程序“Hello World!” 今天这节课 我们会聚焦JavaScript程序在运行的时候怎么储存数据 这些数据有可能是 文字 数字 或者其他类型的数据 上完这节课 同学们就明白在JavaScript的世界里 数据是程序运行周期是怎么被储存和读取的 电脑程序的计算流程从获取用户输入的数据开始 然后针对这些输入的数据进行加工处理 最后把数据输出反馈给用户 我打个比方 如果你想编写一个 从摄氏度转换成华氏度的JavaScript程序 首先程序需要从用户那里 获取它们想转换的摄氏度值 假设用户提供30摄氏度 这个值会输入到公式里进行计算 摄氏度转华氏度的公式是 输入的摄氏度 x 1.8 + 32 最终得到的华氏度是86度 这个流程总结下来就是 Input (输入)  Process (处理)  Output (输出)  运行这个程序我们需要保存两个数据 那就是用户输入的数据 和程序输出的结果 那我们要怎么储存这些数据呢? 请继续往下看 在JavaScript程序里 我们会利用Variable变量 或者是Constant常量去储存数据 那什么时候需要使用Variable? 什么时候使用Constant呢? 我给你们举例 假设你要储存每天的温度 你就可以使用Variable, 因为每天的温度都有差异 不是固定的 所以用variable储存这样的数据最合适不过了 至于Constant 就是用来储存一些不变的数据 比如说一天24小时 一年365天类似固定数据 这些常量数据在程序运行的时不会被改变 所以用Constant来储存这样的数据是最合适的 好的, 那我们接下来实操一下 怎么运用变量(Variable)和常量(Constant) 我们先从变量(Variable)开始吧 如果我们要让JavaScript保存温度的数据 我们首先输入 let 空格 temperature 和分号 这个举动我们称之为 declare variable (声明变量) 这是告诉JavaScript 我们有一个变量叫temperature(温度) 这个变量被声明后暂时不会有任何的值(value) let  是JavaScript保留关键词 声明变量一定要先输入这个关键词 let 接下来我们要赋予这个变量一个值 我们在下一行输入 temperature  等于30 这个举动我们称之为assign value (赋值) 意思就是我们把温度设置成30 我们现在尝试把temparature的数据打印出来 要打印这些数据的话 我们可以使用这个命令 console.log 我们输入console 点 log 小括号 然后这里输入我们要打印的数据temperature 最后加上分号 注意,我们在这里不需要添加双引号 好的,我们先保存,然后刷新 我们打印的数据会在哪儿显示呢? 你猜猜? 对的 就是在Chrome开发者工具里的Console面板 我们先启动开发者工具 好的 这就是我们打印temperature变量的数据 变量真真的意义是在于 变量的数据可以在程序运行周期被改变 假设今天的温度升到了37度 我们可以用下面这个方式去改变变量的数据 我们可以输入 temperature 等于37 现在temperature数据是37度 我们来验证一下它的值是不是37 和之前一样,我们再打印temperature console.log temperature 保存,刷新 对的,temperature的数据从30变成了37 刚才我们声明变量和赋值是分开两行进行的 我们也可以用一行取代,像这样 像这样 let temperature 等于30 这一行就结合了声明和赋值 我们也可以 从其他的变量copy到另外一个变量 打个比方 我们要把周一的温度拷贝到周二的温度 我们可以这样做 先声明mondayTemperature 给它赋值30 然后再声明tuesdayTemperature 这里我会直接输入等于mondayTemperature 这一行的意思就是 把mondayTemperature的值 赋予tuesdayTemperature 这样的话 tuesdayTemperature的值 和mondayTemperature最终是一致的 我们来打印验证一下 对的,两个变量的值都是一样的 如果你对声明变量和赋值还有疑问的话 可以扫描这个二维码去到自学编程群组里提问 群组的链接我也放在描述栏里 好的,那接下来 我们说说constant常量 如果我们要声明赋值常量的话我们可以这样输入 const daysInWeek 等于7 const是constant的缩写 它也是JavaScript保留关键词 一旦变量用const去声明的话 这个变量就会变成常数变量 就是刚才我们说的常量 常量是不能分开两行 先声明,后赋值 这是不允许的 因为常量的出现 就是不让程序在运行周期里对常量数据进行更改 如果能更改的话就失去了常量的意义 所以常量的声明和赋值一定要同时进行 不然会报错 我给你们演示 当我们执行这两行代码 JavaScript会报错 就像我们刚才说的那样 是不被允许的 JavaScript变量的命名有两大限制 第一 变量名称只能包含 字母 (alphabet) 数字 (number) 美元符号 (dollar sign)  和下划线 (underscore) 第二 变量名称的首字符 (first character) 不能是数字 我们可以这样声明变量 这些都没问题 但开头不能是数字
 你看,它会报错 如果变量名称包括多个单词 一般都会使用驼峰式命名法 (Camel Case) 第一个单词的首字母小写 接下来的单词首字母都是大写 还有一点我们要注意的是 JavaScript变量名称是区分大小写的 小写temperature 首字母大写Temperature 和TEMPERATURE大写是3个不同的变量名称 还有就是我们不能重复声明(declare)同一个变量 像这样 程序运行到这里会停止和报错
 你可能会问 那我该怎么命名这些变量呢 这里有几个建议可以作为参考 第一 使用简单易懂的变量名称 比如说carName 或者 password 第二 避免使用单字母 像x, y, z 来命名变量 第三 避免使用混淆的名称 比如value或者data 这些说了等于没说 建议使用一目了然的名称 像accountBalance或者weeklySpending 在现实世界里 大部分的时间都是花在 修改或者扩充现有的源代码 如果程序员随便声明变量 这会大大增加后期调试和扩充的难度 你可能会在现有的源代码里 发现使用老旧的var来声明变量 自从let和const在ECMAScript 2015发布后 var就逐渐被let和const取代 不建议再使用var来声明变量 好的 现在给你们布置一个任务 别担心 这个任务很简单的 用刚刚学到知识就可以完成了 声明(declare)两个变量 一个叫numberOfCats 另外一个叫numberOfDogs 将99值赋给numberOfCats变量 (numberOfCats最终值为99) 把numberOfCats的值 copy至numberOfDogs变量 使用console.log显示numberOfDogs的值(必须输出99) 答案不能超过五行代码。 你可以把答案发到自学编程社区里 下周三, 我会在社区里公布答案 好的 今天的视频就分享到这里 喜欢的话记得点赞分享订阅 我们下个视频见 拜拜!

Comments

Popular posts from this blog

【编程入门】使用 HTML CSS 制作登录页面 (零基础菜鸟必看) | How to create a login form in html css

怎么制作网页?仅使用html css制作你人生第一个专属网页 (免费网页设计教程) | How to create a website for free | 网页编程系列 第1集

2021 網頁編程自學小白要怎麼學才能真真快速入門編程? (內附路線圖+ 3個王牌技能) | Web Development Roadmap For Beginners 2021