01-JavaScript基础
JavaScript：是一种运行在客户端（浏览器）的编程语言，可以用来创建动态更新的内容，控制多媒体，制作图像动画等交互效果
1. 书写位置
书写位置：行内、内部、外部
1.1 内部
- 直接写在html文件里，用script标签包住
- 规范：script标签写在</ body>上面
- 拓展：alert(‘你好 js’)
注意：
- 我们将JavaScript放在html文件的底部附近的原因是浏览器会按照代码在文件中的顺序加载html。如果加载的JavaScript期望修改其下方的html,它可能由于html尚未加载儿失效。因此，将JavaScript代码放在html页面底部附近通常是最好的策略
1.2 外部
- 代码写在以.js结尾的文件里
语法：<script src="./01-js.js"></script>注意：
- script标签中间无序写代码，否则会被忽略
- 外部的JavaScript会使代码更加有序，更易于复用，且没有了脚本的混合，html也会更加容易读，因此这是一个好的习惯
1.3 行内
- 直接将代码写在标签内部，一般不会很常用，在vue
- 示例：
<button onclick="alert('你好 进行点击')">点击</button>
2. 注释 & 结束符
注释
- 单行注释://
- 多行注释：/* */
结束符
- 英文分号进行结束(;)可写可不写
3. 输入输出
3.1 变量
- 变量是计算中用来存储数据的“容器”（盒子）
- 作用：记录计算机中数据不同的状态
注意
- 变量不是数据本身，他们仅仅是一个用于存储数据的容器。可以理解为是一个用来装东西的纸箱子
3.2 基本使用
- 变量的声明（创建变量）
- 变量的赋值（把数据存储到变量里面）
注意
- 数字直接存储
- 字符用单引号引起来，表示一段信息
3.3 变量的本质
内存：计算机存储数据的地方，相当于一个空间
变量本质：是程序在内存中申请的一块用来存放数据的小空间
3.4 命名规则
- 不能使用关键字
- 只能用下划线、字母、数字、$组成且不能以数字开头
- 字母严格区分大小写
3.5 命名规范
- 见名知意
- 小驼峰命名法（myName）
4. 常量
- 也是一个容器，用于保存数据
- 常量里边保存的值是不允许改变的
- 使用场景：当某个值永远不会改变的时候，我们可以是使用常量来保存，目的是为了程序的安全
const p = 3.14
4.1 注意
- 常量不允许重新赋值，是已读的
- 常量必须初始化
5. 数据类型
方便程序员使用数据
JavaScript中整数和小数都是数字类型
5.1 字符串
反引号使用场景：为了解决字符串拼接的问题，使用反引号（模板字符串）会非常方便
字符串拼接：
- 使用+ 号进行拼接
反引号（``）：内容进行拼接的变量是，用${}包住变量（口诀：反引中间变量套，直接$大括号）,是可以换行的
5.2 boolean
判断真假的数据类型：true 和 false
5.3 undefined
只声明变量，不赋值的情况下，变量默认值为undefined
let a console.log("a",a)
判断传递过来的值是不是传过来了undefined
5.4 null
传得值是null
6. 算数运算符
也叫数学运行算符，包括加、减、乘、除、取余
计算失败返回NaN(NOT A NUMBER)
7. 赋值运算符
赋值运算符：对变量进行赋值的运算符
= 将等号右边的值赋予左边，要求左边必须是一个容器
+=
-=
*=
/=
%=
// 可以简化代码
8. 自增、自减运算符
- ++：自增，变量自身的值加1
- –:自减，变量自身的值减1
9. 比较运算符
> //左边是否大于右边
< //左边是否小于右边
>= //左边是否大于或者等于右边
<= //左边是否小于或者等于右边
=== //左右两边是否类型和值都相等
== //左右两边值是否相等
!= // 左右值不相等
!== //左右两边是否不全等
10. 逻辑运算符
11. 运算符优先级
12 类型转换&语句
下边转化为小数应该是parseFloat()
13. 数组 Array
引用数据类型，是一种数据类型
作用：在单个变量名下存储多个数据
let names = [数据,数据2,....,数据n]
- 数组中的数据是按照顺序存储的，每个数据都有自己的编号，编号是从0开始的，通常称为下标或者索引
- 数组里边可以存放任意数据类型
- 获取数组的长度:
数组.length
13.1 操作数组
13.2 补充
- 排序 sort
//升序
arr.sort(function (a,b){return a-b
})
console.log('升序->',arr[0])//降序
arr.sort(function (a,b){return b-a
})
console.log('降序->',arr[0])
14.函数 Function
函数：是可以被重复使用的代码块
作用：函数只要把具有相同或者相似逻辑的代码“包裹”起来，这么做的优势是有利于代码复用
14.1 逻辑中断
14.2 默认参数
可以给形参设置默认值
说明：这个默认值只会在缺少实参或者实参是undefined才会执行
function sum(x=0,y=0){return x+y
}
14.3 返回值return
15. 作用域scope
15.1 访问原则
- 就近原则：在能够访问到的情况下先局部，局部没有找到再找全局，总结：
就近原则
16.匿名函数
16.1 函数表达式
16.2 立即执行函数（IIFE）
17. 对象
17.1 属性
17.2 对象
17.3 操作对象
17.4 遍历对象
17.5 内置对象
内置对象：JavaScript内部提供的对象，包含各种属性和方法给开发者调用
17.5.1 Math
18 数据类型小结
18.1 内存分配-栈
18.2 内存分配-堆
19. 变量申明
- const
