到目前为止,你已经理解了什么是函数,但这还不足以让你完全理解Hello World脚本。要完全理解Hello World脚本,你需要学习更多知识。
这一节里,我们来学习一个重要的概念:变量。
当脚本运行时,所有的数据都存在在内存中。比如,前文的"Hello World"字符串,存储在计算机内存当中。
"Hello World"
上面定义了一个字符串“Hello World”,但该如何使用呢?一个无法被使用的字符串是没有价值的。
变量的定义
通过变量我们就能使用内存中的数据。变量是内存数据的引用,通过将内存数据赋给变量,就能操作内存数据。来看一个例子:
var text = "Hello World"
上面定义了一个名字为 text 的变量,这个变量是由下步骤定义而来:
- 输入var 字符。var的含意是告诉引擎,我要定义一个变量了。
- 给变量取一个名字(叫变量名),如“text”,加在var后面,与var用空格分开。
- 变量名后跟一个"="(等号)
- 等号最右边填写任意一个数据,如“Hello World”
变量的使用
定义了变量text后,该变量引用的内存数据即是“Hello World”。现在我们尝试来使用该变量,以使得程序能够输出“Hello World”字样。
![](https://img.haomeiwen.com/i5787769/4dbddef20460bd58.png)
在 Visual Studio Code 中输入以上代码,然后运行。我们看到以下结果 :
![](https://img.haomeiwen.com/i5787769/323b4871c8e6984c.png)
脚本成功输出了“Hello World”。我们再对比一下两个脚本。
console.log("Hello World") // 第一个JavaScript脚本
var text = "Hello World" // 第二个JavaScript脚本
console.log(text)
可以看到,第一个JavaScript脚本中的"Hello World",在第二个脚本中被替换成了变量text。我们通过变量text,成功引用了"Hello World"字符串,使得两个脚本都成功输出了“Hello World”字样。
变量的好处
上面的例子中,同样是输出“Hello World”,第一个脚本用了1行代码,第二个脚本用了2行代码,你也许会觉得用了变量反而费事。
现在假设,要输出5行“Hello World,Welcome to China!”,你会怎么做?
一个方法是写5次“console.log("Hello World,Welcome to China!")”,但这太费事,因为你要输入5次"Hello World,Welcome to China!"。比如:
console.log("Hello World,Welcome to China!")
console.log("Hello World,Welcome to China!")
console.log("Hello World,Welcome to China!")
console.log("Hello World,Welcome to China!")
console.log("Hello World,Welcome to China!")
通过使用变量,你只需要输入1次"Hello World,Welcome to China!"。
var text = "Hello World, Welcome to China!"
console.log(text)
console.log(text)
console.log(text)
console.log(text)
console.log(text)
可以看到,通过创建与使用变量text,代码量大为减少。
这里只是使用变量的其中一个优点,更多的优点在后续的课程里将逐步学习。
好,到目前为止,你已学习到了变量的一些基本规则。但这还远远不够。
变量创建后能销毁吗?自动销毁还是手动销毁?
变量只引用字符串吗?
什么是对象?变量与对象有什么关系?
在后续的课程中,我将继续给大家一一解答上述问题。
想学计算机技术吗?需要1对1专业级导师指导吗?想要团队陪你一起进步吗?欢迎加我为好友!
![](https://img.haomeiwen.com/i5787769/6c918dee5586ac5d.png)
网友评论