JavaScript 超精简核心概念
- 是什么
JS：网页交互脚本语言，负责页面动效、点击、逻辑、数据处理，前端三大件（HTML结构+CSS样式+JS行为）
-
三大使用位置
-
行内：标签内 onclick
-
内嵌：<script> 代码 </script>
-
外部：<script src="xxx.js"></script>
-
变量
• var：老语法，全局作用域
• let：块级变量，可修改
• const：常量，不可修改（常用）
- 数据类型
基本类型
• string 字符串
• number 数字
• boolean 布尔 true/false
• null 空
• undefined 未定义
引用类型
• Object 对象
• Array 数组
• Function 函数
- 运算符
• 算术：+ - * / % ++ --
• 赋值：= += -=
• 比较：> < >= <= == === != !==
• 逻辑：&& 并且 || 或者 ! 取反
- 流程控制
条件
if(){}
else if(){}
else{}
switch
循环
for 遍历
while
do while
- 函数
// 定义
function 名(参数){
执行代码
return 返回值
}
// 调用
名()
箭头函数：()=>{}
- 数组常用
push() 尾部加
pop() 尾部删
shift() 头部删
unshift() 头部加
length 长度
- 对象
let obj={
name:"",
age:18,
fn(){}
}
//取值
- DOM 核心（操作页面）
• 获取元素：document.querySelector()
• 改内容：innerText / innerHTML
• 改样式：style.xxx
• 绑定事件：click 点击
- 事件
click点击、mouseover移入、mouseout移出、input输入、load加载
- 字符串常用
length长度、substr截取、split分割、replace替换
- 作用域
• 全局作用域：整个页面可用
• 局部作用域：函数/大括号内可用
- 异步基础
• 定时器：setTimeout延时、setInterval循环定时器
• 回调、Promise、async/await（异步请求）
- 输入输出
• 控制台：console.log()
• 弹窗：alert()
• 输入框：prompt()