JavaScript——语法

原创

叮 2022-12-26 18:13:42 博主文章分类：JavaScript ©著作权

文章标签 javascript 前端开发语言数据类型字符串 文章分类 运维

©著作权归作者所有：来自51CTO博客作者叮的原创作品，请联系作者获取转载授权，否则将追究法律责任

文章目录

一. 变量

1. 变量概述

1.1 什么是变量
1.2 变量在内存中的存储

2. 变量的使用

2.1 声明变量
2.2 赋值
2.3 变量的初始化

3. 变量语法扩展

3.1 更新变量
3.2 同时声明多个变量
3.3 声明变量特殊情况

4. 变量命名规范

二. 数据类型

1. 数据类型简介

1.1 为什么需要数据类型
1.2 变量的数据类型
1.3 数据类型的分类

2. 简单数据类型（基本数据类型）

2.1 数字型 Number
2.2 字符串型 String
2.3 布尔型 Boolean
2.4 Undefined 和 Null

3. 获取变量数据类型

3.1 获取检测变量的数据类型
3.2 字面量

4. 数据类型转换

4.1 什么是数据类型转换
4.2 转换为字符串
4.3 转换为数字型（重点）
4.4 转换为布尔型

三. 扩展阅读

1. 解释型语言和编译型语言

1.1 概述
1.2 执行过程

2. 标识符、关键字、保留字

2.1 标识符
2.2 关键字
2.3 保留字

四. JavaScript 运算符

1. 运算符
2. 算数运算符

2.1 算术运算符概述
2.2 浮点数的精度问题
2.3 表达式和返回值

3. 递增和递减运算符

3.1 递增和递减运算符概述
3.2 递增运算符

4. 比较运算符

4.1 比较运算符概述
4.2 =小结

5. 逻辑运算符

5.1 逻辑运算符概述
5.2 逻辑与&&
5.3 逻辑或 ||
5.4 逻辑非！
5.5 短路运算（逻辑中断）

6. 赋值运算符
7. 运算符优先级

一. 变量

1. 变量概述

1.1 什么是变量

JavaScript——语法_开发语言

1.2 变量在内存中的存储

本质：变量是程序在内存中申请的一块用来存放数据的空间。

类似我们酒店的房间，一个房间就可以看做是一个变量。

JavaScript——语法_字符串_02

2. 变量的使用

变量在使用时分为两步： 1. 声明变量 2. 赋值

2.1 声明变量

JavaScript——语法_字符串_03

var 是一个 JS关键字，用来声明变量( variable 变量的意思 )。使用该关键字声明变量后，计算机会自动为变量分配内存空间，不需要程序员管
age 是程序员定义的变量名，我们要通过变量名来访问内存中分配的空间

2.2 赋值

JavaScript——语法_数据类型_04

= 用来把右边的值赋给左边的变量空间中此处代表赋值的意思
变量值是程序员保存到变量空间里的值

2.3 变量的初始化

JavaScript——语法_开发语言_05

声明一个变量并赋值，我们称之为变量的初始化。

3. 变量语法扩展

3.1 更新变量

一个变量被重新复赋值后，它原有的值就会被覆盖，变量值将以最后一次赋的值为准。

JavaScript——语法_javascript_06

3.2 同时声明多个变量

同时声明多个变量时，只需要写一个 var，多个变量名之间使用英文逗号隔开

JavaScript——语法_开发语言_07

3.3 声明变量特殊情况

JavaScript——语法_数据类型_08

4. 变量命名规范

JavaScript——语法_javascript_09

二. 数据类型

1. 数据类型简介

1.1 为什么需要数据类型

在计算机中，不同的数据所需占用的存储空间是不同的，为了便于把数据分成所需内存大小不同的数据，充分利用存储空间，于是定义了不同的数据类型。

简单来说，数据类型就是数据的类别型号。比如姓名“张三”，年龄18，这些数据的类型是不一样的。

1.2 变量的数据类型

JavaScript——语法_字符串_10

1.3 数据类型的分类

JS 把数据类型分为两类：

简单数据类型（Number,String,Boolean,Undefined,Null）
复杂数据类型（object)

2. 简单数据类型（基本数据类型）

JavaScript——语法_javascript_11

2.1 数字型 Number

JavaScript 数字类型既可以用来保存整数值，也可以保存小数(浮点数）。

JavaScript——语法_前端_12

1、数字型进制

JavaScript——语法_javascript_13

2、数字型范围

JavaScript——语法_前端_14

3、数字型三个特殊值

JavaScript——语法_数据类型_15

4、isNaN()

JavaScript——语法_前端_16

2.2 字符串型 String

字符串型可以是引号中的任意文本，其语法为双引号 “” 和单引号’

JavaScript——语法_前端_17

1、字符串引号嵌套

JavaScript——语法_开发语言_18

2、字符串转义符
类似HTML里面的特殊字符，字符串中也有特殊字符，我们称之为转义符。

转义符都是 \ 开头的，常用的转义符及其说明如

3、字符串长度
字符串是由若干字符组成的，这些字符的数量就是字符串的长度。通过字符串的 length 属性可以获取整个字符串的长度。

JavaScript——语法_数据类型_19

4、字符串拼接

多个字符串之间可以使用 + 进行拼接，其拼接方式为字符串 + 任何类型 = 拼接之后的新字符串
拼接前会把与字符串相加的任何类型转成字符串，再拼接成一个新的字符串

JavaScript——语法_数据类型_20

5、字符串拼接加强

JavaScript——语法_数据类型_21

2.3 布尔型 Boolean

布尔类型有两个值：true 和 false ，其中 true 表示真（对），而 false 表示假（错）。

布尔型和数字型相加的时候， true 的值为 1 ，false 的值为

JavaScript——语法_开发语言_22

2.4 Undefined 和 Null

JavaScript——语法_开发语言_23

3. 获取变量数据类型

3.1 获取检测变量的数据类型

typeof 可用来获取检测变量的数据类型

JavaScript——语法_数据类型_24

不同类型的返回值

JavaScript——语法_字符串_25

3.2 字面量

字面量是在源代码中一个固定值的表示法，通俗来说，就是字面量表示如何表达这个值。

数字字面量：8, 9, 10
字符串字面量：‘黑马程序员’, “大前端”
布尔字面量：true，false

4. 数据类型转换

4.1 什么是数据类型转换

使用表单、prompt 获取过来的数据默认是字符串类型的，此时就不能直接简单的进行加法运算，而需要转换变量的数据类型。通俗来说，就是把一种数据类型的变量转换成另外一种数据类型。

我们通常会实现3种方式的转换：

转换为字符串类型
转换为数字型
转换为布尔型

4.2 转换为字符串

JavaScript——语法_字符串_26

toString() 和 String() 使用方式不一样。
三种转换方式，我们更喜欢用第三种加号拼接字符串转换方式，这一种方式也称之为隐式转换

4.3 转换为数字型（重点）

JavaScript——语法_字符串_27

注意 parseInt 和 parseFloat 单词的大小写，这2个是重点
隐式转换是我们在进行算数运算的时候，JS 自动转换了数据类型

4.4 转换为布尔型

JavaScript——语法_前端_28

JavaScript——语法_字符串_29

三. 扩展阅读

1. 解释型语言和编译型语言

1.1 概述

计算机不能直接理解任何除机器语言以外的语言，所以必须要把程序员所写的程序语言翻译成机器语言才能执行程序。程序语言翻译成机器语言的工具，被称为翻译器。

JavaScript——语法_javascript_30

1.2 执行过程

JavaScript——语法_开发语言_31

2. 标识符、关键字、保留字

2.1 标识符

标识(zhi)符：就是指开发人员为变量、属性、函数、参数取的名字。

标识符不能是关键字或保留字

2.2 关键字

关键字：是指 JS本身已经使用了的字，不能再用它们充当变量名、方法名。

包括：break、case、catch、continue、default、delete、do、else、finally、for、function、if、in、instanceof、new、return、switch、this、throw、try、typeof、var、void、while、with 等

2.3 保留字

保留字：实际上就是预留的“关键字”，意思是现在虽然还不是关键字，但是未来可能会成为关键字，同样不能使用它们当变量名或方法名。

包括：boolean、byte、char、class、const、debugger、double、enum、export、extends、fimal、float、goto、implements、import、int、interface、long、mative、package、private、protected、public、short、static、super、synchronized、throws、transient、volatile 等

注意：如果将保留字用作变量名或函数名，那么除非将来的浏览器实现了该保留字，否则很可能收不到任何错误消息。当浏览器将其实现后，该单词将被看做关键字，如此将出现关键字错误。