美文网首页web前端编程让前端飞@IT·互联网
适用于初学者的JavaScript教程中的变量

适用于初学者的JavaScript教程中的变量

作者: 芒果web | 来源:发表于2017-04-20 13:32 被阅读41次

变量表示或保存一个值,变量的值可以随时更改,以便了解让我们来看一个简单的例子

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群交流。您也可以在下面评论您的问题。

另外,别忘了订阅我们的简书号。

如果你喜欢这篇文章,那么请分享一下,帮助我们成长。

相关文章

网友评论

本文标题:适用于初学者的JavaScript教程中的变量

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