此篇文章讲解目录：

• 案例和由此案例重点讲解的知识点介绍

• 案例代码实现

• 数据类型知识点详解

案例和相关知识点介绍

• 案例相关效果图

• 该案例涉及到的知识点

js变量

js数据类型

js运算符

案例代码实现

第一步：编写表单的html

依次拷贝出两个tr，让我们购物车多几件商品，只需要拷贝上一行代码，然后修改一下标题。价格即可

第二步：编写该表单的样式css

第三步：引入方便的jquery库，方便我们使用

第四步：绑定减少数量的按键，并获取上一元素的单价，将字符串转换成数字，同时获取当前input的数量，并进行数据计算

第五步：依照减少商品数量的方法，仿写增加商品数量

数据类型知识点详解

1. JavaScript变量

变量的语法：

变量定义： var 自定义名称;

<script>

var name=“张三”; //张三为变量 name是变量名 var 关键字定义变量

注意： = 为赋值符号，不是我们理解的等号

变量命名的规范：

变量名必须以字符或下划线“_”开头

变量可以包含数字、从A至Z的大小字母

JavaScript严格区分大小写，computer和Computer是两个完全不同的变量

禁止使用javascript的保留关键字作为变量名

2. JavaScript数据类型

数字类型（Number）

1: 最基本的数据类型

2: 不区分整型数值和浮点型数值

3: 能表示的最大值是±1.7976931348623157乘以10的308次方

能表示的最小值是±5 乘以10的-324次方

4：包含十六进制数据，以 0x开头 0到9之间的数字，a(A)-f(F)之间字母构成。 a-f对应的数字是10-15

5： 八进制直接以数字0开始，有0-7之间的数字组成。

字符串类型（String）

字符串由单引号或双引号括起

例如单独一个字母也被称为字符串（例如：‘a’）

转义字符 \\" \\'

比较运算符：> ,

var a=1; var b=2; alert(a>b);

布尔类型：Boolean

Boolean类型仅有两个值：true和false，也代表1和0，实际运算中true=1,false=0

JavaScript 特殊类型

取值null 含义：值为空（主动）

取值undefined 含义：变量未初始化

大家好接下来我们会邀请前端架构师以连载的方式，通过30天的实战系统讲解JavaScript的专业知识，欢迎大家关注头条号“互联网IT信息”。