【再学JavaScript】基础语法

102 阅读3分钟

适合有JavaScript基础的朋友,在使用后加深理解,夯实基础。

JS语言-语法基础.png

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 语句停止并返回只能在函数体内使用。终止函数执行,并指定要返回给调用函数的值。