JavaScript基础语法
HTML：标记语言JavaScript：编程语言
01_JS的组成-什么是 JS 的组成
| 1 | ECMAScript 其实就是 JS 的规范 (规则) | 定义了JavaScript 的语法规范,描述了语言的基本语法和数据类型 |
|---|---|---|
| 2 | DOM (Document Object Model): 文档对象模型 | * 有一套成熟的可以操作 ==页面元素的 API==，通过 DOM 可以操作页面中的元素。比如： 增加个 div，减少个 div，给 div 换个位置等 API: * application programming interface 的简写; * 翻译：应用程序编程接口； 大白话：别人写好的代码，或者编译好的程序，提供给你使用，就叫作api |
| 3 | BOM (Browser Object Model): 浏览器对象模型 | * 有一套成熟的可以操作 ==浏览器的 API==，通过 BOM 可以操作浏览器。比如： 弹出框、浏览器跳转、获取分辨率等 |
02_JS的使用方式-JS的三种书写形式
| 1 | 行内JS书写 | 不常用 |
|---|---|---|
| 2 | 内联式 | |
| 3 | 外联式 |
03_JS的变量
其实就是一个盒子(快递柜)
| 1 | 变量名 | 取件码 |
|---|---|---|
| 2 | 变量的意义 | 存储某一个东西, 方便后续的使用 |
05_console.log
* 在浏览器控制台, 打印一些 我们想要的值
* 语法: consolo.log(我们想打印的值)
06_如何使用变量
var a = 5000;
console.log(a) // 将变量 a 的值, 打印在控制面板
07_规范与规则
| 规范(最好遵守, 不遵守不报错) | |
|---|---|
| 1 | = 左右的空格 |
| 2 | 命名要见名知意 |
| 3 | 尽量不要用拼音 |
| 4 | 行尾分号 要不要, 推荐加上, 但是 |
| 规则(一定要遵守, 不遵守 报错) | |
| 1 | 字母, 数字, $符号 (数字, 不能开头) |
| 2 | 不能使用关键字或者保留字 |
* 关键字: var if function
* 保留字: 现在还没有特殊功能, 但将来某个版本可能会有 let
08_驼峰命名
| 1 | 横杠连接(中划线) | big-box (class类名可以, 变量名不行) |
|---|---|---|
| 2 | 下划线 | big_box (class类名, 变量都可以) |
| 3 | 驼峰命名法 | bigBox 两个单词拼接时, 第二个单词的首字母 大写 |
10_值的类型
| 基础数据类型(简单数据类型 | ||
|---|---|---|
| 1 | 数字类型_number类型 | * 不区分整数、浮点数、特殊值，都是 Number 类型 |
| 2 | 字符串类型(需要使用引号包裹)_string类型 | * 所有的字符串都是 String 类型 |
| 3 | undefined类型 | * undefined本身就是一个数据，表示未定义，变量只声明不赋值的时候，值默认是 undefined |
| 4 | Boolean 布尔类型 | * Boolean 字面量：只有 true 和 false 两个字面量的值，必须是小写字母* 计算机内部存储：true 为 1，false 为 0 |
| 5 | null类型 | * null 本身就是一个数据 * 从逻辑角度，null 值表示一个空对象指针 * 如果定义的变量准备在将来用于保存对象，最好该变量初始化为 null |
| 复杂数据类型(引用数据类型) | ||
| 1 | Object 对象类型 |
11_检测值的类型
| 为什么要有数据类型检测？ | |
|---|---|
| 1 | JS语言是一门动态类型的语言，变量并没有一个单独的数据类型，而是会随着内部存储数据的变化，数据类型也会发生变化 |
| 2 | 变量的数据类型，与内部存储数据有关 |
| 3 | 将来使用变量时，需要知道内部存储的数据是什么类型，避免程序出错 |
| 使用 typeof 的方法进行数据检测 | |
| 1 | 检测方式：在 typeof 后面加小括号执行，将要检测的数据放在小括号内部 |
