2020-11-21

JavaScript

01.js组成原理
js是
前端开发的一门脚本语言（解释型语言）
解释型语言：程序执行之前，不需要对代码进行编译，在运行时边解析边执行的语言
浏览器工作原理：浏览器中有js解析器，所以可以让js边解析边执行
7个部分：用户界面 浏览器引擎 渲染引擎 网络模块 js解析器 UI后端 数据存储模块
用户界面：地址栏 前进后退按钮等 即除了浏览器显示内容之外都是ui界面
浏览器引擎：
渲染引擎：
网络模块：处理网络请求相关内容
js解析器：
UI后端：
数据存储模块：
编译型语言：程序执行之前，需要一个专门的编译过程，把程序编译成机器语言的文件，比如exe文件
步骤： 编写程序 编译 和对应库语言进行组装 链接在一起 运行
JavaScript组成：ecmascript dom bom
1 ecmascript：JavaScript的语法标准
2 dom（Document object model）：JavaScript操作网页上的元素（标签）api
3 bo （Browser object model）： JavaScript操作浏览器的部分功能的api

2.css书写样式
1行内样式：写在标签内部
2内嵌样式：写在一对head标签中
3外联样式：写在一个单独的.css文件中，再导入进来
JavaScript书写样式
1行内样式：写在标签内部
2内嵌样式：写在一对head标签中
3外联样式：写在一个单独的.js文件中，再导入进来
注意：1不推荐将JavaScript代码写在标签内部；
2默认情况下浏览器会从上至下解析网页，所以如果将JavaScript写到一对head标签中，
并且西亚通过JavaScript代码操作界面上元素，那么就不能直接书写JavaScript代码，否则无效
2.1如果想将JavaScript代码写到一对head标签中并且有效果，则必须加上window.onload = function（）{操作界面元素的JavaScript}
2.2window.onload的含义就是：等到界面上的所以内容加载完毕在执行{}中的代码
2.3由于默认情况下浏览器会从上至下解析网页，所以如果想通过JavaScript操作界面上元素只需等到元素被加载解析之后操作就行
所以我们可以将JavaScript代码写在body借宿标签前面
3如果通过外联式导入js文件，并且需要在.js文件操作界面上的元素，如果在head标签中导入，必须在.js文件中加上window.onload = function（）{
操作界面元素的JavaScript}如果是在body结束标签前面，则不需要添加
4如果需要在一对Script标签中编写JavaScript代码，那么就不能同时通过script标签在导入其他的.js文件，否则书写的代码无效

3.js常见输出方式
1通过弹窗的形式输出
// alert（需要输出的内容）
// 注意：①如果输出的内容不是数字，那么必须通过单引号或双引号括起来
// ②在JavaScript中是严格区分大小写的，alert与Alert不是一回事
// ③在编写JavaScript代码的时候，每一句代码后面都要添加一个分号，并且必须是英文的分号
// ④我们会发现有时候我们不写分号程序也能够运行，这里并不是因为不需要分号，而是浏览器帮我们自动添加了分号浏览器自动添加会消耗一定会的性能
// 并且有可能添加错误
// confirm（需要输出的内容）
// 与alert区别就是多了一个取消按钮
// promet（需要输出的内容）
// 与confirm区别就是又多了
// 2通过网页内容区域的形式输出
// document.write（需要输出的内容）；
// 注意：如果需要输出的内容不是数字，那么必须通过单引号或双引号括起来
// 3通过开发者控制台的形式输出
// console.log(需要输出的内容)；
// 注意：如果需要输出的内容不是数字，那么必须通过单引号或双引号括起来（普通输出）
// console.warn(需要输出的内容)（警告输出）
// 与console.log（）的区别就是控制台里面一个的黄色背景一个是白色背景并且警告输出有感叹号的图标
// console.error(需要输出的内容)（错误输出）
//区别在这就不过多阐述了

4.常量
// 1什么是常量
// 常量就是固定不变的数据
// 2JavaScript中常量的分类
// 2.1整形常量
// 整型常量就是正数，在JavaScript中随便写一个整数都是整型常量
// 2.2实型常量
// 实型常量就是小数，在JavaScript中随便写一个小数都是实型常量
// 2.3字符型常量
// 字符串常量就是用单引号或双引号括起来的内容，我们称之为字符型常量
// 注意：无论用单引号还是双引号括起来的内容有多少，在JavaScript中都是字符型常量
// 2.4布尔常量
// 布尔常量就是真或假，在JavaScript中true和false来表达
// 在JavaScript中布尔常量只有两个取值，真或假
// 2.5自定义常量
// 在ES6中新增的
// const 常量名称 = 常量取值（这里定义的值永远都不会改变）

5.变量
// 1什么是变量？
// 变量表示一些可以改变的数据
// 2如何定义一个变量
// var 变量名称；
// 3如何使用变量
// 使用变量就是往申请那块内存空间存储数据，和获取数据
// 3.1如何存储数据
// 变量名称 = 需要存储的数据；
// 3.2如何获取数据
// console.log（num）
var num;
num = 123;
console.log(num);
// 1.定义一个变量
var shuzi;
// 2.往变量中存储数据
shuzi = 456;
// 3.从变量中取出数据
// console.log(shuzi);
// ①.如何修改变量中存储的数据
// 在JavaScript中想要修改变量中存储的数据，只需要再次给变量直接赋值即可
shuzi = 789;
// 重新赋值
console.log(shuzi);
// ②.在JavaScript中第一次给变量赋值，我们称之为“变量的初始化”
// ③.如果一个变量没有进行初始化，那么变量中存储的是什么呢？
// 在我们的JavaScript中如果定义了一个变量，但没有进行初始化，那么变量中存储的就是underfinded
// ④.给变量初始化有很多形式
// ④.1先定义变量，在对变量进行初始化
// ④.2可以在变量的同时进行初始化
// ⑤.定义变量的其他格式
// var num ，value；定义了两个变量 （同时定义多个变量也一样）
// ⑥.初始化变量的其他格式
// 如果在企业开发中对多个变量初始化的值一样的，那我们可以通过变量名称1=变量名称2=…=变量名称n=初始化值;
// ⑦.定义多个变量同时多个变量初始化
// var num = 123，value = 456;

6.变量注意点
// 1注意点；
// 1.在JavaScript中变量可以相互赋值
var num ,value;
num = 123;
value = num;
console.log(num);
console.log(value);
// 2.在JavaScript中如果定义了同名的变量，那么后定义的变量会覆盖先定义的量
// 3.在老版本的标准的JavaScript中先使用变量，在定义变量，并不会报错
// 由于JavaScript是一门解释型语言，会边解析边执行，浏览器在解析JavaScript代码之前还会进行一个操作“预处理”
// 2在ES6中推出了一种新的定义变量的方式
// 格式：
// ES6之前：var 变量名称;
// ES6开始：let 变量名称;

7.关键字
// 1什么是关键字？
// 被赋予的特殊含义的单词
// 在开发工具中会有特殊颜色
// 关键字不能作为变量名，函数名
// 关键字严格区分大小写，var和Var前者是关键字后者不是
// 2什么是保留字？
// JavaScript预留的关键字，他们写在虽然没有作为关键字，但在以后升级版本中可能作为关键字

8.标识符
// 1什么是标识符？
// 用于表示某些东西的符号，将这些东西分开来
// 2标识符命名规则（必须遵守）
// 只能由26个英文字母的大小写，阿拉伯数字0~9，下划线_，美元符号$组成
// 不能以数字开头
// 严格区分大小写，比如test和Test是2个不同的标识符
// 不可以使用关键字，保留字作为标识符

9.注释
1.什么是js注释？
和html/css注释一样，都是用来注解解释一段程序的含义的，都是用来提升代码的阅读性的，都是为了方便程序猿之间沟通的
2.注释的格式
单行注释//被注释的内容
注意点：单行注释的有效范围是从第二个斜杠一直到这一行的末尾，也就是被注释的内容不能换行
多行注释：/星 被注释的内容 星/
注意点：多行注释的有效范围是从第一颗星开始直至第二课星结束，也就是说多行注释的内容可以换行
3.js注释的嵌套规则
3.1单行注释可以嵌套单行注释，但是必须在一行
3.2单行注释可以嵌套多行注释，但是必须在一行
3.3多行注释可以嵌套单行注释
3.4多行注释不可以嵌套多行注释