【融职培训】Web前端学习 第3章 JavaScript基础教程

一、变量的基本概念

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

代码如下所示:

1varn = 100;2vars = "hello world";

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

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

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

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

二、变量的命名规范

代码如下所示:

1varage = 17;2varnum1 = 198;3varnum2 = 200;4varprice = 25.6;5var_name = "小明";6var$fruit = "苹果";7varfirstName = "Lily";8varmessage = "I love javascript";

变量名要见名知意

变量名可以是字母、下划线、$，还有数字；但是不能以数字开头

小写字母开头，多个单词，第二个单词首字母大写（驼峰命名）

不可以与关键字、保留字重复

三、数据类型

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

类型名称值说明

数值100;3.14不管是整数还是小数，都是数值型。

字符串"hello";"100"双引号或单引号中的值是字符串。

布尔true;false布尔值只有两个值，代表真和假。

空null空值只有null，后续讲解。

未定义undefined未定义值只有undefined，后续讲解

对象{}后续讲解

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

四、四则运算

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

代码如下所示：

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

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

代码如下所示：

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

五、字符串链接

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

代码如下所示：

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

六、课后练习

在控制台输出两个字符串的加和结果。

在控制台数据两个字符串的链接结果

【融职教育】在工作中学习，在学习中工作