适合有JavaScript基础的朋友,在使用后加深理解,夯实基础。
JavaScript 最开始是一个脚本语言,现在已经成为了编程语言,终归是一种语言。
语言主要由语句构成,而我把它分为自定义语句和内置语句。内置语句是指 if-else 那些逻辑流程控制语句,而自定义语句则是由词语和符号自由组合而成的,当然要遵守一些规则才能称之为代码。
一、非代码
配置
说明文档:README.md
代码提交配置:.gitignore
项目配置:.env.production 等
vite 编译配置:vite.config.js
vite 三方包配置:package.json
VSCode 编辑器配置:jsconfig.json
注释
两种常见的注方式:行注释和块注释。
1、行注释
注释符号是: //
把当前行做为非代码展示。
2、块注释
注释符号是: /* 内容 */
把块中所有内容做为非代码展示。
可以单行注释,多行注释,也可以行内注释
// 这是行注释
/* 这是块注释:单行 */
/* 这是
块注释:
多行 */
console.log("Hello " + name /* 这是块注释:行内注释 */ + " !");
二、词语
1、保留字
| 类别 | 内容 |
|---|---|
| 定义变量 | var、let、const |
| 内置语句 | if、else、while、do、switch、case、for、in、of |
| 流程控制 | break、continue、return |
| 数据值 | null、undefined、true、false、boolean、byte、char、int、float、short、long、double |
| 数据类型 | function、class、implements、extends |
| 模块化 | export、import、default、package |
| 全局辅助 | this、super、new、void、instanceof、typeof、delete、with |
| 异步处理 | await、async、synchronized |
| 异常处理 | try、catch、finally、throw、throws、final |
| 其他 | ...... |
2、标识符
区分大小写。
由字母、数字字符、下划线(_)和美元符号($)组成。
标识符不允许以数字开头。
3、值/数据
| 类别 | 内容 |
|---|---|
| 数字 | 0 1 ... 9 |
| 字符 | a b ... z / "自由组合" |
| 对象 | { age: 2, name: "2" } |
| 函数 | say () {} |
三、符号
1、注释符
| 类别 | 内容 |
|---|---|
| 行注释 | // |
| 块注释 | /* */ |
2、语句符
| 类别 | 内容 |
|---|---|
| 间隔符 | , |
| 终止符 | ; |
| 词语块 | ( ) |
| 语句块 | { } |
3、数据符
| 类别 | 内容 |
|---|---|
| 字符串 | '' "" `` |
| 数组 | [ ] |
4、操作符
| 类别 | 内容 |
|---|---|
| 赋值符 | =、+=、-+、*=、/+、%= |
| 运算符 | +、-、*、/、% |
| 关系符 | >、<、>=、<=、==、!=、===!== |
| 逻辑符 | ! && || |
| 条件/链式符 | ?? ?. ?: |
| 一元操作符 | ++ -- + - |
四、内置语句
| 类别 | 说明 | 句法 |
|---|---|---|
| if 语句 | 条件判断 | if (condition) { statement1 } else { statement2 } |
| do- while 语句 | 条件判断 | do { statement } while (condition) |
| while 语句 | 条件判断 | while (condition) { statement } |
| switch 语句 | 条件匹配判断 | switch (expression) { case caseExpression1: statements default: statements } |
| for 语句 | 循环处理 | for (initialization; condition; afterthought) { statementList } |
| for-in 语句 | 循环处理 | for (variable in object) { statement } |
| for-of 语句 | 循环处理 | for (variable of iterable) { statement } |
| break 语句 | 跳出 | 跳出最内层的 switch 或循环语句,并继续执行其后的下一条语句。 |
| continue 语句 | 跳出这个,其他继续 | 终止当前循环或标记循环的当前迭代中的语句执行,并在下一次迭代时继续执行循环。 |
| return 语句 | 停止并返回 | 只能在函数体内使用。终止函数执行,并指定要返回给调用函数的值。 |