js核心概念

JavaScript 超精简核心概念

1. 是什么

JS：网页交互脚本语言，负责页面动效、点击、逻辑、数据处理，前端三大件（HTML结构+CSS样式+JS行为）

2. 三大使用位置

1. 行内：标签内 onclick

2. 内嵌：<script> 代码 </script>

3. 外部：<script src="xxx.js"></script>

3. 变量

• var：老语法，全局作用域

• let：块级变量，可修改

• const：常量，不可修改（常用）

4. 数据类型

基本类型

• string 字符串

• number 数字

• boolean 布尔 true/false

• null 空

• undefined 未定义

引用类型

• Object 对象

• Array 数组

• Function 函数

5. 运算符

• 算术：+ - * / % ++ --

• 赋值：= += -=

• 比较：> < >= <= == === != !==

• 逻辑：&& 并且 || 或者 ! 取反

6. 流程控制

条件
if(){}
else if(){}
else{}
switch
循环
for 遍历
while
do while
7. 函数
// 定义
function 名(参数){
执行代码
return 返回值
}
// 调用
名()
箭头函数：()=>{}

8. 数组常用
push() 尾部加
pop() 尾部删
shift() 头部删
unshift() 头部加
length 长度
9. 对象
let obj={
name:"",
age:18,
fn(){}
}
//取值
obj.name
10. DOM 核心（操作页面）

• 获取元素：document.querySelector()

• 改内容：innerText / innerHTML

• 改样式：style.xxx

• 绑定事件：click 点击

11. 事件

click点击、mouseover移入、mouseout移出、input输入、load加载

12. 字符串常用

length长度、substr截取、split分割、replace替换

13. 作用域

• 全局作用域：整个页面可用

• 局部作用域：函数/大括号内可用

14. 异步基础

• 定时器：setTimeout延时、setInterval循环定时器

• 回调、Promise、async/await（异步请求）

15. 输入输出

• 控制台：console.log()

• 弹窗：alert()

• 输入框：prompt()