一、JS是什么，有什么用

1.JavaScript 是运行在浏览器里的脚本语言，主要用来给静态网页加动态效果。

2.前端三剑客之一：HTML（结构） + CSS（样式） + JS（行为）

3.作用：

    - 做网页交互：按钮点击、表单验证、轮播图、弹窗
    - 改页面内容：文字、图片、样式实时变化
    - 做小游戏、动画效果

    - 做后端（Node.js）、APP、小程序

4.特点：

    - 解释型语言：边读边执行，不用编译

    - 弱类型语言：变量不用提前声明类型

    - 基于对象：可以用对象、数组、函数

    - 运行在浏览器/Node，跨平台（Windows、macOS、手机都能用）

二、JS网页编写基本格式

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>JS网页</title>
    <!-- CSS 写这里 -->
    <style>
    </style>
</head>
<body>

    <!-- HTML内容写这里 -->
    <div id="box"></div>

    <!-- JS 推荐写在 body 最下面 -->
    <script>
        // 这里写JS代码
        let a = 10;
        console.log(a);
    </script>
</body>
</html>

三、JS保留关键字

        JS 保留关键字就是语言自带、不能当变量名/函数名的词，我给你整理最常用、必须记住的一批，附带作用，好记不杂乱。

一、声明类关键字（定义变量/常量）

1. var：声明变量（旧，不推荐）

2. let：声明块级变量（现代常用）

3. const：声明常量（不可重新赋值）

二、流程控制（判断/循环）

1. if：条件判断     2. else：否则      3. for：循环      4. while：循环      5. do：配合 while 6. switch：多分支判断      7. case：switch 分支      8. default：默认分支      9. break：跳出循环/switch      10. continue：跳过本次循环      11. return：函数返回值

三、函数相关

1. function：定义函数

2. arguments：函数参数集合

3. return：返回结果

四、异常处理

1. try：尝试执行代码      2. catch：捕获错误      3. finally：无论对错都执行      4. throw：抛出错误

五、对象/类相关（ES6）

1. class：定义类      2. new：创建实例      3. this：当前对象      4. super：调用父类

5. extends：继承      6. static：静态方法

六、严格模式/模块化

1. import：导入模块      2. export：导出模块      3. debugger：调试断点

七、空/布尔/类型

1. true / false：布尔值      2. null：空      3. undefined：未定义      4. typeof：判断类型

5. instanceof：判断实例

八、严格禁止当变量名（举例）

js // 以下全部不能用： let let = 10; // 错 let if = 20; // 错 let class = 30; // 错 let function = 40;// 错

四、JS变量

1. 变量是什么 可以理解成一个带名字的盒子，里面可以放：数字、文字、真假、对象等。

2. 怎么声明变量 现在 JS 有三种声明方式：

js var a = 10; // 老写法，不推荐

let b = 20; // 现代常用，可变

const c = 30; // 常量，不可变  

3. 三种关键字区别

- var - 函数作用域 - 能重复声明 - 有变量提升，容易出 bug - 现在基本不用

- let - 块级作用域（ {}  内有效） - 不能重复声明 - 可以重新赋值 js let age = 18; age = 20; // 允许   - const - 块级作用域 - 必须初始化，不能重新赋值 js const PI = 3.14; PI = 3; // 报错   注意：对象/数组内部可以改，只是不能整体替换。

4. 变量命名规则（必须遵守） - 只能由：字母、数字、下划线 _、美元符 $ 组成 - 不能以数字开头 - 区分大小写： name  和  Name  是两个变量 - 不能用关键字： let 、 var 、 if 、 for  等 - 推荐驼峰命名： userName 、 totalPrice 

5. 变量可以存什么类型 js let name = "小明";

// 字符串 let age = 18;

// 数字 let isStudent = true;

// 布尔 let undef;

// undefined let n = null;

// 空 let arr = [1,2,3];

// 数组 let obj = {a:1}; // 对象  

6. 最简单示例 

js let a = 10; 
let b = 20; 
let sum = a + b; 
console.log(sum); // 输出 30  

五、JS输出方式

1. 控制台输出

console.log('内容');       // 普通打印
console.log(123, true);    // 打印多个

2. 页面弹出框

alert('弹出提示');

3.页面直接写入

document.write('直接写在页面上');

4. 往 HTML 元素里输出

// 替换内容
document.getElementById('id').innerHTML = '内容';

// 纯文本
document.getElementById('id').innerText = '内容';

5. 控制台确认/输入

confirm('确定吗？');    // 返回 true/false
prompt('请输入：');     // 返回输入的字符串