JavaScript基础

javascript是轻量级的脚本编程语言
js的主要组成部分：
ECMAScript：js的核心语法
DOM:document.object.model
BOM:browser.object.model
创建变量的六种方式：
var 声明一个变量（es3）
function 声明一个函数(es3)
let 声明一个变量
const 声明一个常量
class 声明一个类
improt 基于es6的模块，导入需要的信息
js的命名规范
+ 区分大小写
+ 遵循驼峰命名法，使用字母、数字、下划线、$(但是不能以数字开头)，如果名字有多个有意义的英文单词组成，除了首个单词的首字母小写，后面的单词首字母都大写
+ 不能使用关键字和保留字
- 关键字：代表特殊含义或功能的字符
- 保留字：以后可能会成为关键字的字符，但是现在还不是，只是现在预先保留着
+ 命名时要尽量语义化
JS的数据类型：
+ 基本数据类型：
- number
- string
- Boolean
- null
-undefined
+ 引用数据类型：
- 函数：function
- 对象：
普通对象:{}
数组:[]
正则(/\d/)
Math
Date

+ 基于es6引入的symbol：唯一数据类型

number数据类型:
+ 包含正数、负数、小数、0、NaN
+把其他数据转换为number数据类型:
- 如果是引用数据类型，先隐式调用tostring的方法，转换成字符串再转换成Number数据类型，如果字符串中包含非有效数字，那么结果就是NaN
- parseInt():转换成整型
转换为整数类型：从左向右查找，遇到小数点或者非有效数字字符停止查询
- parseFloat():转换成浮点型
在转换的时候，从左边开始查找，遇到非有效数字就停止
+ NaN永远不等于任何数据类型
+ 判断一个数据是不是有效数字(isNaN)
如果返回的结果是true，则为非有效数字；返回的结果是false，则为有效数字。如果不是数据类型，会先调用number方法转换成数字类型
string字符串：
+ 获取字符串的长度：str.length
+ 索引：每一个字符对应一个索引，从0开始，逐次递增，最后一个字符的索引(str.length-1)
+ 字符串的加减乘除
Boolean
+ 把其它数据类型转换成布尔数据类型;
- Boolean()
- ![]
- !![]
+ 除了以下五种，返回值是false，其余的都是true
NaN
null
undefined
0
“”
null和undefined的区别
都表示没有的意思
+ null 是空的对象指针:
1、在我们不确定一个变量具体数据类型的时候，我们可以先赋值为null，后面可以再给具体的值。
2、获取页面中不存在的元素时候
3、如果我们想要清除对象的空间地址时候，我们可以赋值为null
+ undefined
1、只声明了，没有定义
2、在获取对象中没有的属性对应的属性值时
3、函数里面给了形参，但是调用的时候，没有传实参
4、函数没有设置返回值的时候

对象：由一对或者多对键值对组成，且用{}包起来的就是对象
+ 获取：obj.属性名 或 obj[‘属性名’]
+ 修改/新增：如果对象中原来有这个属性名的时候，重新赋值就是修改，如果没有，进行赋值操作就是添加
+ 删除：
delete obj[‘属性名’] 表示彻底删除
obj[‘属性名’]=null 只是属性值变为了null，但是属性名还存在
函数：
+ 形参:形式上的参数，在定义函数的时候，我们这里只是先预留两个入口，真正要传的数据并不知道。
+ 实参：在函数真正执行的时候，传递过来的参数
函数接收参数的两种方式：
形参
arguments
实名函数和匿名函数:
实名函数：即为有名字的函数
匿名函数：即没有名字的函数
+ 函数表达式：把匿名函数赋值给一个对象或事件
+ 自执行函数：创建和执行一起完成{()、+、-、~、！}

条件判断里面的相互转换规则：
对象对象 如果引用地址相同就相等，不同则不等
对象字符串 把对象转换成字符串类型，再比较
对象数字
对象布尔
数字字符串
数字布尔
字符串布尔
除了第一种和第二种，其余的全部都是转换成Number数据类型，在做比较
另：
NaN永远不等于任何数据类型
nullundefined //>true
null=undefined //==>false
null和undefined永远不和其他值相等
三元运算符：
条件？条件成立执行成立的语句：条件不成立执行的语句；

for循环：
两个关键词：
+ continue 结束本次循环，进入下一轮
+ break 强制结束整个循环

元素包含的常用属性：
className: 存储的是字符串，代表当前元素的类名
id 存储的是字符串，代表的是当前元素的id名
innerHTML 存储当前元素的所有内容，包括标签
innerText 存储的是当前元素的文本内容
style 存储当前元素所有的行内样式
onclick 鼠标点击事件
onmouseover 鼠标滑上事件
onmouseout 鼠标滑离事件
通过id名获取一个元素：document.getElementById(‘id名’)
通过标签名获取一类元素：document.getElementsByTagName(‘标签名’)
通过类名获取元素集合：document.getElementsByClassName(‘类名’)
通过name名获取一组元素集合：document.getElementsByName(‘name名’)

数组

数组常用的方法;
push 在数组最后一项添加项
unshift 在数组的开头添加项
pop 删除数组最后一项
shift 删除数组第一项
splice(n,m,…X) 从索引n开始删除m项，并用X的内容替换
+ n 表示索引，从索引n开始
+ m 表示多少项
+ X 代表替换的内容
slice(n,m) 从索引n(包含n)开始----索引m(不包含m)结束，复制内容
concat 实现多个数组或值的拼接
toString 把数组转换成字符串
join 通过指定的连接符把数组转换成字符串
reverse 倒序
sort 排序
indexOf/lastIndexOf(n,m)
检索数组里面的某项在数组里面第一次/最后一次出现的位置的索引
indexOf(n,m) 表示检索n，从索引m开始
lastIndexOf(n,m) 表示检索n,到索引m结束
如果检索的值在数组中未被检索到，返回值为-1
includes 检测数组中是否包含某一项
forEach(function(index,item){}) 遍历数组中的每一项
map(function(index,item){}) 把数组映射成一个新数组

字符串：

+ 用单引号或者双引号包起来的
    + 获取字符串的长度：str.length
    + 获取第一个字符：  str[0]
    + 获取最后一个字符：str[str.length-1]

字符串常用的方法:
+ charAt 获取相应位置的字符
+ charCodeAt 获取对应位置的ASCII码值
+ indexOf/lastIndexOf 检索
+ slice(n,m) 从n(包括n)到m(不包括m)复制
+ subString(n,m)
+ substr(n,m) 从索引n开始截取m项
+ toUpperCase 转换成大写
+ toLowerCase 转换成小写
+ replace(str1,str2) 把字符串中的一部分字符，用另一种字符替换
+ split 通过指定的连接符把字符串分割成新数组

Math

Math 常用的方法：
+ Math.abs() 取绝对值
+ Math.floor 取整（向下取整）
+ Math.round 四舍五入(负数必须过半才能进一)
+ MATH.cell 取整(向上取整，进一法)
+ Math.random() 取随机数