JavaScript变量Variables
变量
大多数时候,JavaScript 应用程序需要处理信息。这里有两个例子:
在线商店 - 信息可能包括正在销售的商品和购物车。
聊天应用程序——信息可能包括用户、消息等。
变量用于存储这些信息。
一个变量
变量是“命名存储”用于数据。我们可以使用变量来存储好东西、访客和其他数据。
要在 JavaScript 中创建变量,请使用let关键字。
下面的语句创建(换句话说:声明)一个名为“message”的变量:
let message;
现在,我们可以使用赋值运算符将一些数据放入其中=:
let message; message = 'Hello'; // store the string 'Hello' in the variable named message
字符串现在保存到与变量关联的内存区域中。我们可以使用变量名访问它:
let message; message = 'Hello!'; alert(message); // shows the variable content
为简洁起见,我们可以将变量声明和赋值合并为一行:
let message = 'Hello!'; // define the variable and assign the value alert(message); // Hello!
我们也可以在一行中声明多个变量:
let user = 'John', age = 25, message = 'Hello';
这可能看起来更短,但我们不建议这样做。为了更好的可读性,请为每个变量使用一行。
多行变体有点长,但更容易阅读:
let user = 'John'; let age = 25; let message = 'Hello';
有些人还在这种多行样式中定义了多个变量:
let user = 'John', age = 25, message = 'Hello';
或者甚至是“逗号优先”的风格:
let user = 'John' , age = 25 , message = 'Hello';
从技术上讲,所有这些变体都做同样的事情。所以,这是个人品味和审美的问题。
var 代替 let
在较旧的脚本中,您还可以找到另一个关键字:var而不是let:
var message = 'Hello';
该var关键字是几乎一样的let。它还声明了一个变量,但以一种稍微不同的“老派”方式。
let和之间存在细微差别var,但它们对我们来说并不重要。我们将在旧的“var”一章中详细介绍它们。
一个真实的比喻
如果我们把“变量”想象成一个数据“盒子”,上面有一个唯一命名的标签,我们就可以很容易地理解“变量”的概念。
例如,message可以将变量想象为一个标"message"有其中值的框"Hello!":
我们可以在框中放入任何值,我们还可以根据需要多次更改它,当值改变时,旧数据从变量中删除。
我们还可以声明两个变量并将数据从一个复制到另一个。
let hello = 'Hello world!'; let message; // copy 'Hello world' from hello into message message = hello; // now two variables hold the same data alert(hello); // Hello world! alert(message); // Hello world!
一个变量应该只声明一次,重复声明同一个变量会出现错误。
变量命名
JavaScript 中的变量名有两个限制:
名称只能包含字母、数字或符号$和_。
第一个字符不能是数字。
请注意,大小写不同会被识别为两个不同的变量。
有效名称的示例:
let userName; et username;//这个由于是小写,所以与上一个是两个不同的变量 let test123;
当名称包含多个单词时,通常使用驼峰式命名法。即:单词一个接一个,每个单词除了第一个以大写字母开头:myVeryLongName。
有趣的是——美元符号'$'和下划线'_'也可以用在名字中。它们是普通符号,就像字母一样,没有任何特殊含义。
这些名称有效:
let $ = 1; // declared a variable with the name "$" let _ = 2; // and now a variable with the name "_" alert($ + _); // 3
不正确的变量名称示例:
let 1a; // cannot start with a digit let my-name; // hyphens '-' aren't allowed in the name