美文网首页
006|JavaScript变量

006|JavaScript变量

作者: 中年小钢炮 | 来源:发表于2017-05-19 11:18 被阅读24次

到目前为止,你已经理解了什么是函数,但这还不足以让你完全理解Hello World脚本。要完全理解Hello World脚本,你需要学习更多知识。

这一节里,我们来学习一个重要的概念:变量。

当脚本运行时,所有的数据都存在在内存中。比如,前文的"Hello World"字符串,存储在计算机内存当中。

"Hello World"

上面定义了一个字符串“Hello World”,但该如何使用呢?一个无法被使用的字符串是没有价值的。

变量的定义

通过变量我们就能使用内存中的数据。变量是内存数据的引用,通过将内存数据赋给变量,就能操作内存数据。来看一个例子:

var text = "Hello World"

上面定义了一个名字为 text 的变量,这个变量是由下步骤定义而来:

  1. 输入var 字符。var的含意是告诉引擎,我要定义一个变量了。
  1. 给变量取一个名字(叫变量名),如“text”,加在var后面,与var用空格分开。
  2. 变量名后跟一个"="(等号)
  3. 等号最右边填写任意一个数据,如“Hello World”

变量的使用

定义了变量text后,该变量引用的内存数据即是“Hello World”。现在我们尝试来使用该变量,以使得程序能够输出“Hello World”字样。

使用变量来输出"Hello World"

在 Visual Studio Code 中输入以上代码,然后运行。我们看到以下结果 :

调试控制台输出结果

脚本成功输出了“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专业级导师指导吗?想要团队陪你一起进步吗?欢迎加我为好友!

我的微信

相关文章

  • 006|JavaScript变量

    到目前为止,你已经理解了什么是函数,但这还不足以让你完全理解Hello World脚本。要完全理解Hello Wo...

  • 006 变量

    C++ 中变量为程序提供了可以操作的有名字的存储区。变量的主要意义有以下两点: 变量代表分配了一块存储区; 变量代...

  • JS的基本语法--变量及类型

    1. 基本语法 声明(创建) JavaScript 变量在 JavaScript 中创建变量通常称为“声明”变量。...

  • 7 js 变量

    13 局部 JavaScript 变量在 JavaScript 函数内部声明的变量(使用 var)是局部变量,所以...

  • Javascript 变量、函数的声明

    javascript变量 全局变量和局部变量按照变量的作用域来区分,和大多数编程语言类似,javascript变量...

  • 006_变量的声明和赋值。

    namespace _006_变量的声明和赋值 { class Program { static vo...

  • JavaScript 变量作用域和内存问题

    按照ECMAScript的定义,JavaScript的变量与其他语言的变量有很大区别。JavaScript变量松散...

  • javascript学习思维导图

    JavaScript 数据类型 JavaScript 变量 Javascript 运算符 JavaScript 流...

  • JavaScript函数闭包

    JavaScript闭包 JavaScript 变量可以是局部变量或全局变量。私有变量可以用到闭包。 全局变量1....

  • js语法难点

    javascript语法难点问题 Javascript的变量javascript语言和java语言一样变量是分为两...

网友评论

      本文标题:006|JavaScript变量

      本文链接:https://www.haomeiwen.com/subject/tnmexxtx.html