【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
Post a Comment