夜光带你走进JavaScript（七）擅长的领域

最新推荐文章于 2019-11-14 08:45:23 发布

GeniusTeam-夜光

最新推荐文章于 2019-11-14 08:45:23 发布

阅读量146

点赞数

分类专栏： Genius-JavaScript

本文链接：https://blog.csdn.net/weixin_41987706/article/details/102560493

版权

Genius-JavaScript 专栏收录该内容

59 篇文章 2 订阅

订阅专栏

夜光序言：

随花谢，随月弯，霜寒露重，咫尺天涯，我寂寞如烟，你独坐如莲，晚风透过窗棂悄悄渗入

正文：

我们应该养成一个好的习惯就是写注释。

方便我们二次阅读，维护你的代码。

如果后面项目转手，也方便别人来理解你的代码和维护你的代码。

JavaScript 变量

变量是用于存储信息的"容器"。

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>夜光</title>
</head>
<body>

<script>
    var x=5;
    var y=6;
    var z=x+y;
    document.write(x + "<br>");
    document.write(y + "<br>");
    document.write(z + "<br>");
</script>

</body>
</html>

在代数中，我们使用字母（比如 x）来保存值（比如 5）。

通过上面的表达式 z=x+y，我们能够计算出 z 的值为 11。

在 JavaScript 中，这些字母被称为变量。

JavaScript 数据类型

JavaScript 变量还能保存其他数据类型，比如文本值 (name="Bill Gates")。

在 JavaScript 中，类似 "Bill Gates" 这样一条文本被称为字符串。

JavaScript 变量有很多种类型，但是现在，我们只关注数字和字符串。

当向变量分配文本值时，应该用双引号或单引号包围这个值。

当向变量赋的值是数值时，不要使用引号。

如果您用引号包围数值，该值会被作为文本来处理。

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>夜光</title>
</head>
<body>

<script>
    var pi=3.14;
    var name="Genius Team";
    var answer='Yes I am~~';
    document.write(pi + "<br>");
    document.write(name + "<br>");
    document.write(answer + "<br>");
</script>

</body>
</html>

声明（创建） JavaScript 变量

在 JavaScript 中创建变量通常称为"声明"变量。

我们使用 var 关键词来声明变量：

var carname;

变量声明之后，该变量是空的（它没有值）。

如需向变量赋值，请使用等号：

carname="Volvo";

不过，我们也可以在声明变量时对其赋值：

var carname="Volvo";

嗯唔~~ 我们创建了名为 carname 的变量，并向其赋值 "Volvo"，然后把它放入 id="demo" 的 HTML 段落中：

Genius Team：一个好的编程习惯是，在代码开始处，统一对需要的变量进行声明。

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>夜光</title>
</head>
<body>

<p>点击这里来创建变量，并显示结果</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
    function myFunction(){
        var carname="Genius Team";
        document.getElementById("demo").innerHTML=carname;
    }
</script>

</body>
</html>

注意一下：一条语句，多个变量

我们可以在一条语句中声明很多变量。

该语句以 var 开头，并使用逗号分隔变量即可：

var lastname="Doe", age=30, job="carpenter";

声明也可横跨多行：

var lastname="Doe",
age=30,
job="carpenter";

注意一下：

一条语句中声明的多个不可以赋同一个值:

var x,y,z=1;

x,y 为 undefined， z 为 1。

Value = undefined 【不可以不赋值】

在计算机程序中，经常会声明无值的变量。

未使用值来声明的变量，其值实际上是 undefined。

在执行过以下语句后，变量 carname 的值将是 undefined：

var carname;

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>夜光</title>
</head>
<body>

<p>假设 y=5，计算 x=y+2，并显示结果</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
    function myFunction(){
        var y=5;
        var x=y+2;
        var demoP=document.getElementById("demo");
        demoP.innerHTML="x=" + x;
    }
</script>

</body>
</html>

GeniusTeam-夜光

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
夜光带你走进JavaScript（七）擅长的领域

夜光序言：随花谢，随月弯，霜寒露重，咫尺天涯，我寂寞如烟，你独坐如莲，晚风透过窗棂悄悄渗入正文：我们应该养成一个好的习惯就是写注释。方便我们二次阅读，维护你的代码。如果后面项目转手，也方便别人来理解你的代码和维护你的代码。JavaScript 变量变量是用于存储信息的"容器"。<!DOCTYPE h...
复制链接

扫一扫

专栏目录