对象、内置对象、DOM操作

1. 对象

1. 对象

1.1 是什么

现实生活中：万物皆对象，

1.2 JS对象

JavaScript中的对象其实就是生活中对象的一个抽象。
JavaScript的对象是无序属性的集合。
其属性可以包含基本值、对象或函数。对象就是一组没有顺序的值。我们可以把JavaScript中的对象想象成键值对，其中值可以是数据和函数。
Class=”d1”
Key = value
对象的行为和特征
特征—属性
行为—方法
Tips：
事物的特征在对象中用属性来表示。
事物的行为在对象中用方法来表示。

1.3 对象创建方式

1.3.1 字面量方式

1.3.2 New方式

1.3.3 工厂方式

1.3.4 构造函数方式

1.4 对象遍历

1.5 对象属性删除

1.6 This

JS中this的指向问题，有时会让人难以捉摸，随着学习的深入，我们可以逐渐了解。
函数内部的this几个特点：

1. 函数在定义的时候this是不确定的，只有在调用的时候才可以确定
2. 一般函数直接执行，内部this指向全局window
3. 函数作为一个对象的方法，被该对象所调用，那么this指向的是该对象
4. 构造函数中的this其实是一个隐式对象，类似一个初始化的模型，所有方法和属性都挂载到了这个隐式对象身上，后续通过new关键字来调用，从而实现实例化

2. 异常

2.1 是什么

当 JavaScript 引擎执行 JavaScript 代码时，会发生各种错误。可能是语法错误，通常是程序员造成的编码错误或错别字。可能是拼写错误或语言中缺少的功能（可能由于浏览器差异）。可能是由于来自服务器或用户的错误输出而导致的错误。当然，也可能是由于许多其他不可预知的因素。

2.2 Try…catch…

try 语句允许我们定义在执行时进行错误测试的代码块。
catch 语句允许我们定义当 try 代码块发生错误时，所执行的代码块。
JavaScript 语句 try 和 catch 是成对出现的。
在下面的例子中，我们故意在 try 块的代码中写了一个错字。catch 块会捕捉到 try 块中的错误，并执行代码来处理它。


当try代码出现错误后,try中其余代码不再执行,直接执行catch
如果try中代码没有出错,则可以顺序执行完try中代码,catch中代码不执行

2.3 Finally

Finally是必须执行的语句

2.4 Throw

throw 语句允许我们创建自定义错误。
正确的技术术语是：创建或抛出异常（exception）。
如果把 throw 与 try 和 catch 一起使用，那么您能够控制程序流，并生成自定义的错误消息。
语法：throw exception
异常可以是 JavaScript 字符串、数字、逻辑值或对象。
本例检测输入变量的值。如果值是错误的，会抛出一个异常（错误）。catch 会捕捉到这个错误，并显示一段自定义的错误消息：

3. 内置对象

3.1 是什么

是一组常用的API,就是已经把功能都定义并实现好了,我们只需要进行函数调用即可
JavaScript中的对象分为4种：内置对象、浏览器对象、自定义对象、DOM对象。JavaScript 提供多个内置对象：Math/Array/Number/String/Boolean … …。对象只是带有属性和方法的特殊数据类型。学习一个内置对象的使用，只要学会其常用的成员的使用(通过查文档学习)。内置对象的方法很多，我们只需要知道内置对象提供的常用方法，使用的时候查询文档。

3.2 Math

Math对象不是构造函数，它具有数学常数和函数的属性和方法，都以静态成员的方式提供。
跟数学相关的运算来找Math中的成员(求绝对值，取整)。
(1)、常用属性
Math.PI 圆周率
(2)、常用方法
Math.random() 生成随机数
Math.floor() 向下取整
Math.ceil() 向上取整
Math.round() 取整，四舍五入
Math.abs() 绝对值
Math.max() 最大值
Math.min() 最小值
Math.sin() 正弦
Math.cos() 余弦
Math.pow() 求指数次幂
Math.sqrt() 求平方根

3.3 Date

创建Date实例用来处理日期和时间。Date 对象基于1970年1月1日（世界标准时间）起的毫秒数

(1)、创建日期对象
Date()是构造函数
var date = new Date();

(2)、日期原始值
getTime()：获取1970年1月1日至今的毫秒数
valueOf();原始值，获取1970年1月1日至今的毫秒数
(3)、获取日期指定部分
getMilliseconds()
getSeconds() // 返回0-59
getMinutes() // 返回0-59
getHours() // 返回0-23
getDay() // 返回星期几 0周日 6周6
getDate() // 返回当前月的第几天
getMonth() // 返回月份，从0开始
getFullYear() //返回4位的年份 如 2016

3.4 Array

3.4.1 创建方式

1、字面量方式
2、new Array()

3.4.2 判断是否是数组

instanceof 如果返回true就是数组，false是非数组
Array.isArray() 如果返回true就是数组，false是非数组
valueOf() 返回数组对象本身

3.4.3 栈操作(先进后出)

栈：表尾进行插入和删除操作的线性表。这一端被称为栈顶，相对地，把另一端称为栈底。向一个栈插入新元素又称作进栈、入栈或压栈，它是把新元素放到栈顶元素的上面，使之成为新的栈顶元素；从一个栈删除元素又称作出栈或退栈，它是把栈顶元素删除掉，使其相邻的元素成为新的栈顶元素
push() 添加元素
pop() 删除元素

3.4.4 队列操作(先进先出)

shift() 删除元素
unshift() 添加元素

3.4.5 排序和反转

3.4.6 扩展-箭头函数

3.4.6.1 forEach

3.4.6.2 Filter

3.4.6.3 Map

3.4.7 常用方法

3.4.7.1 indexOf

判断某个元素在数组中出现的第一次的索引,如果没有,则返回-1

3.4.7.2 lastIndexOf

判断某个元素在数组中出现的最后一次的索引,如果没有,则返回-1

3.4.7.3 Join

把数组转换为字符串

3.4.7.4 数组

concat() 把参数拼接到当前数组、 或者用于连接两个或多个数组

3.4.7.5 截取数组

slice(start,end) 1、从start开始截取元素，到end结束，包括start,不包括end,返回新数组，start,end是索引,

splice() 1、从start开始截取元素，截取length个，,返回新数组，start是索引,length是个数
但是会删除原数组中截取出来的内容

3.4.8 清空数组

方式1 推荐
arr = []
方式2
arr.length = 0
方式3
arr.splice(0, arr.length)

3.5 包装类

为了方便操作基本数据类型，JavaScript还提供了三个特殊的引用类型：String/Number/Boolean

3.6 String

字符串所有的方法，都不会修改字符串本身(字符串是不可变的)，操作完成会返回一个新的字符串
1 字符方法
charAt() //获取指定位置处字符
charCodeAt() //获取指定位置处字符的ASCII码
str[0] //HTML5，IE8+支持 和charAt()等效
2 字符串操作方法
concat() //拼接字符串，等效于+，+更常用
slice(start,end) //从start位置开始，截取到end位置，end取不到
substring(start,end) //从start位置开始，截取到end位置，end取不到
substr(start,length) 从start位置开始，截取length个字符
indexOf() //返回指定内容在元字符串中的位置,如果没有，返回-1；(从前往后，检索到第一个就结束)
lastIndexOf() //返回指定内容在元字符串中的位置,如果没有，返回-1；(从后往前，检索到第一个就结束)
trim() //只能去除字符串前后的空白
大小写转换方法
toUpperCase() //转换大写
toLowerCase() //转换小写
search()//方法用于检索字符串中指定的子字符串，返回子字符串的起始位置
replace(old,new) //替换字符串替换字符串 new替换old
split() //分割字符串 返回的是一个数组。。数组的元素就是以参数的分割的