js核心概念

JavaScript 超精简核心概念

1. 是什么

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

2. 三大使用位置

3. 行内：标签内 onclick

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

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

6. 变量

• 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()