Web前端学习 第3章 JavaScript基础教程2 变量与数据

一、变量的基本概念

变量可以理解为是一个存储数据的容器

代码如下所示:

1 var n = 100;
2 var s = "hello world";

如代码所示，我们可以通过var声明一个变量，var后面的英文字母就是变量名，变量名是自定义的，在一定的规则下我们可以随意命名（下一部分我们来讲命名规则）。

=在编程语言中不是等于的意思，而是赋值的意思，也就是把=右侧的数据赋值给左侧的变量；简单的说，就是把“=”右侧的值装到左侧的容器里。

每行结尾的分号并不是必须写的，但是为了代码更加规范，我们要求每行代码的结尾都要写分号，用以表示本行结束（注意必须是英文半角的分号）。

在代码中，第一行的数据没有引号，第二行的数据有引号，为什么存在这样的差异，我们在下一节数据类型中会详细讲解。

二、变量的命名规范

代码如下所示:

1 var age = 17;
2 var num1 = 198;
3 var num2 = 200;
4 var price = 25.6;
5 var _name = "小明";
6 var $fruit = "苹果";
7 var firstName = "Lily";
8 var message = "I love javascript";

• 变量名要见名知意
• 变量名可以是字母、下划线、$，还有数字；但是不能以数字开头
• 小写字母开头，多个单词，第二个单词首字母大写（驼峰命名）
• 不可以与关键字、保留字重复

三、数据类型

JavaScript有六种数据类型，如下表所示：

本节我们将重点放在数值类型和字符串类型，关于其他数据类型，我们会在后续章节中应是此数据类型时再深入讲解。

四、四则运算

在四则运算中，需要特别注意的，乘法在代码中用的是“*”，除法在代码中用的是“/”。我们将运算的结果分别赋值给了四个变量，并在控制台输出, 代码如下所示：

1 var num1 = 10 + 20;
2 var num2 = 10 - 20;
3 var num3 = 10 * 20;
4 var num4 = 10 / 20;
5 console.log(num1);
6 console.log(num2);
7 console.log(num3);
8 console.log(num4);

我们可以直接用数字做四则运算，也可以将数字赋值给变量，再对变量进行运算操作，得到的结果和上一个案例相同， 代码如下所示：

 1 var num1 = 10;
 2 var num2 = 20;
 3 var result1 = num1 + num2;
 4 var result2 = num1 - num2;
 5 var result3 = num1 * num2;
 6 var result4 = num1 / num2;
 7 console.log(result1);
 8 console.log(result2);
 9 console.log(result3);
10 console.log(result4);

五、字符串链接

又用到了“+”运算符，但是和之前不同，之前“+”左右两边是数值，可以通过“+”计算数值的结果，这个例子“+”两边是字符串，那么将会将两个字符串连接，然后赋值给str3, 代码如下所示：

1 var str1 = "hello";
2 var str2 = "world";
3 var str3 = str1 + str2;
4 console.log(str3)

六、课后练习

1. 在控制台输出两个字符串的加和结果。
2. 在控制台数据两个字符串的链接结果