JavaScript基础语法与核心概念详解

作者:青柠时间:2026-10-30 17:20:56浏览:156

本文系统梳理JavaScript的核心语法,涵盖ECMAScript、BOM与DOM三大组成部分。详细解析字符串、数字、布尔等数据类型及类型转换方法,深入讲解算术、关系、逻辑运算符的使用,并对比if、switch、while、for等流程控制结构的适用场景与注意事项。

一:语法

JavaScript组成与语法基础

JavaScript是一种基于对象和事件驱动的客户端脚本语言;

它主要由以下三个部分构成:

1. ECMAScript:这是由Ecma国际(前身为欧洲计算机制造商协会,European Computer Manufacturers Association)通过ECMA-262标准定义的脚本程序设计语言;

2. BOM(Browser Object Model,浏览器对象模型);

3. DOM(Document Object Model,文档对象模型):这是W3C组织推荐的处理可扩展标记语言的标准编程接口;

1)语句;执行顺序;注释;引入方式;变量定义;

数据类型与类型转换

2)数据类型;

a. String,字符串类型,用单引号或双引号括起来的一串字符(包括数字、字母、符号);

b. Number,数字类型,取值为整数或浮点数;

c. Boolean,布尔类型,取值为true或false;

d. Undefined,undefined类型,只有undefined一个值,作为变量的默认值;

e. Null,只有一个特殊值Null,表示一个空对象指针,可以将变量设置为null来清除变量;

f. object,对象,属于引用类型,也称为复杂类型。

运算符详解

3)逻辑运算符;

a. 算术运算符:+,-,*,/,%;

b. 关系运算符:>,>=,<,<=,==,===,!=,!==;

c. 逻辑运算符:&&(与),||(或),!(非);

d. 赋值运算符:=,+=,-=,*=,/=,%=;

e. 字符串和变量拼接符:“ + ”;

f. 自加(++),自减(--);

4)类型转换;

字符串转换数字:parseInt()---把其他类型转换为整型;parseFloat()---把其他类型转换为浮点型(小数);

选择结构与流程控制

5)选择结构;

程序三大流程控制:顺序,分支(选择),循环;

1) if语句:

单分支;双分支;

多分支;嵌套结构;

//注意:if后的()不可省略;分支中{}不能省略;if嵌套不要超过三层

a:单分支——if条件判断语句;

JavaScript组成与语法基础

b:多分支;

JavaScript组成与语法基础

2)switch语句;

JavaScript组成与语法基础

//注意:switch语句中把default分支一定写上,防止后面维护中产生歧义;

把执行概率更大的放在前面(if,case)

if else 和 switch区别,前者用嵌套比较少的分支,后者用比较多的分支。

6)条件运算符:唯一的三目运算符,要求三个操作数;

格式:表达式1 ? 表达式2 : 表达式3;

先解表达式1,若为真,则执行表达式2;反之,则执行表达式3;

循环结构

7)循环结构;

循环:重复执行一件事,给定的条件下成立,反复执行,直到条件不成立失效停止。

a:while循环;

b:do while循环;

c:for循环;

d:break和continue;

以上就是本文的全部内容,希望对大家有所帮助,谢谢对本站的支持!

作者最新文章