4.20 js的基本语法规则
2021-03-20 10:24
标签：优化 前缀 控制台 div 文档 事件触发 js代码 大写 标签 4.20 js的基本语法规则 标签：优化 前缀 控制台 div 文档 事件触发 js代码 大写 标签 原文地址：https://www.cnblogs.com/xiaokeai233/p/12741285.html
一：js的书写
1.内联（行内）：属性形式：事件触发
`
不建议使用，结构和行为的分离，优化项目，便于管理
为了测试方便
2.内部：script双标签，包裹js代码
html
不太建议内部，结构和行为的分离，非公共行为部分，简单行为，可以放在当前页面
script标签可以放在任何位置
行业习惯：
head标签内
body后：内部的最后；外边的最后；没有区别
script标签，放在不同的位置，执行顺序受到了影响。目前如果不是特殊要求，暂时将script标签写在body的后面
3.外部（外联）：script双标签，通过**src**属性，引入js文件的路径
创建js文件，再在html文件中使用script双标签，通过**src**属性，引入js文件的路径
ECMAScript：语法，规定，规则，法律，规定了，以什么样的格式，写代码
BOM：浏览器对象模型，提供了浏览器的操作
DOM：文档对象模型，提供了网页的操作
关系：ECMAScript规定了，写什么样的代码，在BOM中操作DOM
什么叫打印信息，不是输出信息，是**打印**：
- 将计算机的执行结果或数据，给用户呈现出来
打印到浏览器的弹出框，操作的是BOM对象，浏览器
- `alert()`打印到页面，操作的是DOM对象，页面
- `document.write()`
打印到浏览器的控制台，操作的是BOM对象，浏览器（操作的V8引擎）
- `console.log()`
四：数据的类型（常见的）
字符型(string)：必须加引号：单‘‘、双""、反``；任何数据，只要加了引号，就是字符！！！
数值型(number)：29
布尔值(boolean)：true、false
对象(object)：标志是{}，并不是绝对的
函数(function)：标志是function，并不是绝对的
undefined(undefined)：undefined，存在但是未赋值，不是未定义
空：null。空的，不存在的
- 注意：
- 描述，空的时候，除了null，其他都要加 类型
- 空 字符：""
- 空 对象：{}
- 空 函数：function(){}
- 空 数组：[]
- null：null
- undefined未赋值：undefined
通过typeof关键字，检测数据类型
typeof的检测的结果的数据类型，必然是字符型数据
- 必须以 `字母，_，$` 开头
- 不允许出现 `字母，_，$，数字` 之外的内容
- 尽量语义化
1. 词必达意
2. 建议使用当前数据类型的首字母作为前缀
3. 尽量使用驼峰式
- 小：从第二个单词的首字母开始大写，常用
- 大：从第一个单词的首字母开始大写，面向对象中，专用
- 不允许使用关键字或保留字
- 诀窍：如果担心是关键字或保留字，可以在单词前加前缀
- 注意
- 变量名，千万别加，引号！