一、JS 组成ECMAScript规定 JS 语法的核心知识变量、数据类型、运算符、流程控制等。Web APIsDOM操作文档对页面元素进行移动、大小修改、添加、删除。BOM操作浏览器窗口、历史、地址栏等。二、JS 引入方式类比 CSS 三种写法行内写在标签内部如button onclickalert(Hello)点击/button。内部script标签写在 html 页面中通常放在body末尾。外部script srcjs文件路径/script引入外部 .js 文件。三、注释单行注释// 注释内容快捷键Ctrl /。多行注释/* 注释内容 */快捷键Shift Alt A。四、输入输出语句输出document.write(内容)页面输出内容标签会被解析成网页元素。alert(内容)浏览器弹出警告对话框。console.log(内容)控制台打印用于程序调试。输入prompt(提示文字)弹出输入框获取用户输入的文字。五、变量与常量变量存储数据的容器语法let 变量名。常量值不允许修改语法const 常量名。六、JS 六大基础数据类型数字Number整数、小数。字符串String用单引号、双引号或反引号包裹的文本。布尔Boolean只有true、false两个值。null空类型。undefined未定义。SymbolES6 新增表示唯一值。字符串拼接使用拼接document.write(我今年 age)。模板字符串反引号 document.write(我今年${age}岁了)。类型检测typeof运算符。写法typeof x。函数写法typeof(x)。七、数据类型转换隐式转换系统自动转换运算符只要一侧是字符串另一侧转为字符串结果为字符串。除以外算术运算符会把数据转为数字类型计算。显式转换手动转换Number(数据)完整转为数字。parseInt(数据)只保留整数。parseFloat(数据)保留小数。八、运算符算术运算符*、/、、-、%。一元运算符自增、自减--。赋值运算符、、-等。比较运算符比较两个数据大小返回布尔值、、、、、、!、!。逻辑运算符与一假则假。||或一真则真。!非取反真变假假变真。运算符优先级!||。九、表达式与语句表达式可以求出一个值可以写在赋值等号的右侧如3 5、age 18。语句不一定有返回值如alert()、break不能用于赋值。十、流程控制三大语句顺序、分支、循环。分支语句if 分支if (条件) { ... } else if (条件) { ... } else { ... }。三元运算符条件 ? 满足条件执行 : 不满足条件执行。switch 语句switch(数据) { case 值1: 代码1 break; case 值2: 代码2 break; default: 代码n break; }循环结构循环三要素变量起始值、终止条件、变量变化量。while 循环while(循环条件) { 循环体重复执行的代码 }for 循环for(起始值; 终止条件; 变化量) { // 循环体 }十一、数组两种定义方式字面量let arr [1, 2, 3]。构造函数let arr new Array(1, 2, 3, 4)。常用属性字符串.length获取字符串字符数量。数组.length获取数组元素个数。数组操作查数组[下标]获取对应下标数据。改数组[下标] 新值重新赋值。增push(新数据)数组末尾添加。unshift(新数据)数组开头添加。删pop()删除数组末尾元素。shift()删除数组开头元素。splice(操作下标, 删除个数)指定位置删除。十二、总结本文系统梳理了 JavaScript 的基础核心知识涵盖了从语言组成、引入方式、语法基础到流程控制和数组操作的完整入门路径。掌握这些内容是后续学习 DOM 操作、事件处理、异步编程等高级主题的基石。建议读者通过实际编码练习巩固每个知识点并关注 ES6 新特性如 let/const、模板字符串、箭头函数等的运用以构建更现代、健壮的 JavaScript 代码。