变量表示或保存一个值,变量的值可以随时更改,以便了解让我们来看一个简单的例子
var x = 3;
x是变量的名称,赋值给它的值为3,要更改x的值,只需将一个新值赋给x
x = 2;
现在x保存值2,而变量的名称保持不变,但它代表一个不同的值,这就是为什么它被称为变量,因为它可以变化。
变量的使用
变量提供了几个优点,如:
它们可以用于代表其值的未知位置。
它们可以节省编写和更新脚本的时间。
现在让我们来一个简单的例子,如果不使用变量,你必须现在计算一个正方形的面积(side * side),每次你必须更新脚本并输入新值,但是如果你使用变量,只需要更改变量的值,而不是更新整个脚本。
Area = side * sideside = 3Area = 9side = 4Area = 16
我们只是更新了变量值来得到答案,这就是你可以节省你的时间,并使代码成为一个有效的方法。
JavaScript中的变量
现在你知道变量了,为什么我们使用它们,现在在我们的JavaScript代码中使用变量,我们需要遵循一些原则或语法,让我们讨论一下
声明变量
我们使用“var”关键字来声明一个变量,var告诉Web浏览器,跟随的文本将是新变量的名称。例如
var x;
var carName;
var _name123;
所有上述变量都是javaScript变量,现在我们将看到一些重要的原则,您需要在命名变量时牢记。
JavaScript变量区分大小写,例如var hello,var HELLO,var Hello和var HeLLo是四个不同的变量。
要记住的一个重要规则是,变量名必须以下划线(_)或字母开头,而不能使用下划线以外的特殊字符,而在命名变量时不允许使用变量,也不允许使用空格。
_hello(有效)
123hello(无效)
hello123(有效)
hello_123(有效)
#hello(无效)
避免保留关键字,JavaScript关键字是用于执行特殊任务的特殊字,例如,您使用var,用于在javaScript中声明变量,如果将变量命名为var,则会在脚本中创建许多问题,因此更好地避免保留关键字
为变量分配值
例如,您可以使用赋值运算符(=)为变量赋值
var x=10;
var x; x=10;
这两种方法都可以用来为你的变量赋值
变量类型
到目前为止,您已经看到变量持有值的值,在JavaScript变量中可以保存类型number,string,boolean和null的值。
与其他语言(如C,C ++)不同,Java Javascript不会强制您在定义变量时声明变量的类型,JavaScript为您提供了编码的灵活性,但要注意可以创建问题。
number
JavaScript不要求任何数字被声明为整数,浮点数或任何其他数字类型,而是任何数字只能看到任何其他数字,无论是-7,10,2.3456或其他任何数字。
*提示:直接在Web浏览器的控制台中实现所有给定的示例,您可以通过按ctrl + shift + i打开您的Web浏览器控制台(而在您的Web浏览器窗口中)
我们来试试一下数字变量的例子
var x=10;
var y=2.33;
x+y;
x – y;
现在您可以在上面的例子中看到,我们已经产生了一个浮动输出
x=-7;
x+y;
*尝试自己:尝试对变量进行分割(/)和乘法(*)操作。
string
字符串是表示某个文本的字符集合,字符串可能包含字母,单词,空格,数字和特殊字符。字符串包含在“”内,例如:“Hello world”,“123”,“123#5%”都是字符串。
将字符串存储在变量中
var x="Hello World";
var myConfig="CORE-i7, 8gb RAM , 1TB HDD";
匹配引号
让我们再来看一些例子
var x="Hello wolrd';
var y='Hello world"
var z='Hello world';
var a="Hello world";
引号标记在处理字符串结束和开始引号必须匹配时非常重要。
字符串区分大小写,'hello world'和"Hello world"是两个不同的字符串,您将在比较两个字符串时看到这一点的重要性。
在字符串中使用特殊字符
特殊字符使您能够在字符串中添加无法添加的内容,例如,您可以使用“\ t”添加字符串中的“tab”,例如
document.write("3*3\tadded a tab");
上述脚本将产生输出:3 * 3添加了一个选项卡
让我们尝试打印一个简单的字符串
document.write("C:\games\ac3");
上面的代码将会产生如下输出:C:gamesac3
现在您必须考虑到所有这些斜线都消失了,答案是字符串中不支持单个反斜杠,因为它用于转义特殊字符,以便解决这个问题,我们使用“\\”的特殊代码现在我们再试一次打印上面的字符串。
document.write("C:\\games\\ac3");
上面的代码将产生如下:C:\ games \ ac3
以下是所有输出字符及其特殊代码的列表
输出字符特殊代码
反斜杠(\) - \\
双引号(“) - \”
单引号(') - \'
BackSpace - \ b
换行 - \ n
标签 - \ t
垂直标签 - \ v
如果你想使用一个“你的字符串里面的内容,简单的方法是在你的字符串中使用上面的代码来代替双引号,看下面的例子
document.write("他说 \"Hello world\"");
上述脚本将产生如下输出:他说“Hello world”
boolean
一个布尔值是一个数据类型,它只保存两个值,即true(1)或false(0)
注意:单词的真假不需要用引号括起来。
您可以在JavaScript中声明布尔变量,如下所示
var iAmAngry = true;
var iAmAngry = false;
var iAmAngry = 0;//与false相同
var iAmAngry = 1;//与true相同
我们将在即将到来的章节中更多地了解布尔。
null
Null表示没有空格并不是零,它并不表示任何东西,如果要使用null定义一个变量,那么您只需要指定如下所示的变量
var variableName = null;
在脚本中使用变量
我们在本教程中已经看到了很多关于变量的内容,现在我们来看看如何在JavaScript脚本中使用它们。我们从一个例子开始
<script>
var x=10;
document.write(x);
</script>
猜测输出:自己运行上面的脚本,找到输出(但是之前的猜测)。
让我们看看另一个例子
<script>
var x = "让我们发出一些潮音";
document.write(x); //calling the variable x
</script>
自己做:尝试创建一个数字变量并将其与字符串变量连接并查看输出。
那就是现在,如果您有任何疑问,可以随时向您发表评论,或者在微信公众号与我们联系。
谢谢你的阅读。
了解更多资讯请关注微信公众号:芒果web;或者微信搜索javascriptes6;关注我们
将您的查询和反馈发送到微信公众号或在我们的QQ群634109637群交流。您也可以在下面评论您的问题。
另外,别忘了订阅我们的简书号。
如果你喜欢这篇文章,那么请分享一下,帮助我们成长。