# 相关概念
## 共有属性： 
由同一构造函数创建出来的对象共同享有的属性 



## 自有属性： 
属于对象实例私有的属性 

# 对象的创建方式 
- 对象字面量 
- new 构造函数 

## 构造函数（对象模板） 
专门用来创建相同结构对象的专门方法 
构造函数通常使用首字母大写 
构造函数必须使用new关键字调用 

### new关键字做了哪几件事？ 
1.创建了一个空对象 var ll={} 
2.改变this指向 [由call和apply改变] 
3.加属性 this.name="小明" this.age=18 
4.返回一个全新的对象 return ll 

任何对象没有权利修改原型中的属性,只要构造函数本身可以更改 


# 原型概念 
构造函数中，专门用来存放共有属性的

## 注意
只有函数才具备prototype属性 


## 继承 
使用现有类型，创建出新的类型，新的类型可以使用现有类型的属性和方法，也可以拓展出现有类型没有的属性和方法【在原型中添加属性，后面由原型创建出来的对象中再次使用属性，则视为继承】 



## 补充 
Array：所有数组的父类 
Function：所有函数的父类 
Object：所有对象的父类 

## 隐式原型 
```
_proto_： 隐士原型 
```
任何一个对象都有隐式原型，用来实现继承的 
一个对象的隐式原型默认指向创建该对象的构造函数的原型对象 


# 原型链 
每个对象拥有一个原型对象，对象以其原型为模板、从原型继承方法和属性。原型对象也可能拥有原型，并从中继承方法和属性，一层一层、以此类推。这种关系称之为原型链 

# 描述图 
![原型链](https://dev.dwxzbz.com/blogphoto/JS-Basis/%E5%8E%9F%E5%9E%8B%E5%92%8C%E5%8E%9F%E5%9E%8B%E9%93%BE/%E5%8E%9F%E5%9E%8B%E9%93%BE.jpg) 
## 过程解析Eg 
以函数Foo为起点 
```
function Foo() {}
```

1. 函数Foo的原型指向原型对象Foo.prototype 
![原型链1](https://dev.dwxzbz.com/blogphoto/JS-Basis/%E5%8E%9F%E5%9E%8B%E5%92%8C%E5%8E%9F%E5%9E%8B%E9%93%BE/%E5%8E%9F%E5%9E%8B%E9%93%BE1.jpg) 


2.Foo作为函数，由构造函数Function构造出来，所以隐式原型指向为Function.prototype的原型对象 
![原型链2](https://dev.dwxzbz.com/blogphoto/JS-Basis/%E5%8E%9F%E5%9E%8B%E5%92%8C%E5%8E%9F%E5%9E%8B%E9%93%BE/%E5%8E%9F%E5%9E%8B%E9%93%BE2.jpg) 

3.Function本身也是函数，所以function Function()的原型对象为Function.prototype 
![原型链3](https://dev.dwxzbz.com/blogphoto/JS-Basis/%E5%8E%9F%E5%9E%8B%E5%92%8C%E5%8E%9F%E5%9E%8B%E9%93%BE/%E5%8E%9F%E5%9E%8B%E9%93%BE3.jpg)

4. 对于原型对象Function.prototype，本身作为对象，由Object构造而来 
![原型链4](https://dev.dwxzbz.com/blogphoto/JS-Basis/%E5%8E%9F%E5%9E%8B%E5%92%8C%E5%8E%9F%E5%9E%8B%E9%93%BE/%E5%8E%9F%E5%9E%8B%E9%93%BE4.jpg)

JS-原型和原型链

# RegExp 正则表达式 
## 概念 
是一种使用单个字符串来描述、匹配一系列符合某个句法规则的字符串的对象 



## 语法　　
```javascript
/^正则表达式内容$/
```

### 说明 
正则表达式内容必须放在//中 

\^：表示开头匹配 
 * 若^在方括号中则表示排除性的字符类
 * [^123]表示除了123以外的任意字符 
 
$：表示结尾匹配 

## 字面量字符 
所有字母字符和数字在正则表达式中都匹配自身的字面值，Javascript正则表达式语法通过以反斜杠\\开头的转义序列也支持一些非字母字符 

| 转义字符 | 说明 | 
| ---|---| 
| \r | 回车符 | 
| \n | 换行符 | | 

## 字符类 
把个别字面值字符放到方括号中可以组合成字符类 
字符类匹配方括号中可以包含的任意字符 
若中括号中只有一个字符或预定义字符集，则中括号可以省略 
对于任意的连续区间字符类可以使用连字符表示字符范围 
Eg:
```
/^1[2-9][345]$/
```
[345]表示匹配3,4,5中的任意一个数字 
[2-9]表示匹配2到9中的任意一个数字

### 常用正则表达式字符类(预定义字符集) 
| 字符集 | 说明 | 
| ---|---| 
| \d | 代表了所有的数字 | 
| \w | 代表所有的数字、字母、下划线 | 
| . | 代表任意字符 | 
| \s | 代表空格 | 

## 重复 
### 说明 
用于指定正则表达式中的某个元素可能重复多少次 
### 语法 
- 匹配前项最少n次，最多m次 
```
{n.m} 
```
- 匹配前项最少n次，更多不限 
```
{n.} 
```
- 匹配前项指定n次
```
{n} 
```
### 特殊数量词 
只会应用与前一个字符或字符类 

| 特殊数量词 | 说明 | 
| ---|---| 
| \? | 可有可无 最多一次 {0，1} | 
| \* | 可有可无 最多不限 {0，} | 
| \+ | 至少一次 {1,} | 


# 正则表达式方法 
## test() 
### 说明 
用于检测一个字符串是否匹配某个模式，如果字符串中含有匹配的文本，则返回true，否则返回false 
### 语法 
```
reg.test(str)
```
#### Eg 
```javascript
var a = /[qq]/
var b = a.test("301389423874@qq.com")
console.log(b)
/* 
 输出结果为true 
*/ 
```

## exec方法 
### 说明 
用于提取匹配的内容，返回值为一个数组，数组第一项为匹配的内容 
### Eg 
```
//reg 为匹配的正则表达式
reg.exec("要匹配的内容")
```


# 正则表达式节后紧邻字母含义 

| 字母 | 含义| 
| ---|---| 
| /i | 忽略大小写 | 
| /g | 全文查找出现的所有匹配字符 | 
| /m | 多行查找 | 
| /gi | 全文查找、忽略大小写 | 
| /ig | 全文查找、忽略大小写 | 
| \\s | 空白字符 | 
| \\S | 非空白字符 |

JS-正则表达式

# 说明 
window对象表示在浏览器中打开的窗口 



# 常见window的属性 
## screenX和screenY属性
### 说明 
screenX和screenY属性返回窗口相对于屏幕的X和Y坐标 
### 语法 
```
window.screenX
window.screenY
```

# 常见的window的方法 
## getComputedStyle
### 说明 
用于获取指定元素的CSS样式。[获取的样式是元素在浏览器中最终渲染效果的样式] 
getComputedStyle可以使用document.defaultView或者window对象调用 

### 注意 
- float是js关键字，根据DOM2级的规范，取元素的float的时候应该使用cssFloat 
- Firefox3.6中必须使用document.defaultView 
- IE8 浏览器中 document.defaultView === window返回的是false外，其他的浏览器（包括IE9）返回的都是 true 
 


### 语法 
```
window.getComputedStyle(element, pseudoElement)
//或者 
document.defaultView.getComputedStyle(element, pseudoElement) 
```
#### 参数 
element: 必需，要获取样式的元素对象。 
pseudoElement:可选，伪类元素，当不查询伪类元素的时候可以忽略或者传入null 
### 返回对象 
返回的对象是CSSStyleDeclaration类型的对象，可以使用属性取值,且取响应属性值时采用CSS驼峰式写法 

### Eg 
![getComputedStyle](https://dev.dwxzbz.com/blogphoto/JS-Basis/%E5%AF%B9%E8%B1%A1/%E6%B5%8F%E8%A7%88%E5%99%A8%E5%AF%B9%E8%B1%A1/getComputedStyle.jpg) 
运行结果 
![getComputedStyle-Reuslt](https://dev.dwxzbz.com/blogphoto/JS-Basis/%E5%AF%B9%E8%B1%A1/%E6%B5%8F%E8%A7%88%E5%99%A8%E5%AF%B9%E8%B1%A1/getComputedStyle_Result.jpg) 
通过属性取值 
![getComputedStyle-取值结果](https://dev.dwxzbz.com/blogphoto/JS-Basis/%E5%AF%B9%E8%B1%A1/%E6%B5%8F%E8%A7%88%E5%99%A8%E5%AF%B9%E8%B1%A1/getComputedStyle_Value.jpg) 


## element.style 
### 说明 
只能读取元素的内联样式,且可以读取和写入。 
返回值为CSSStyleDeclaration类型 
### 语法 
```
//读取
element.style 
//写入 
element.style = newStyleContent
```
### 注意 
- float是js关键字，根据DOM2级的规范，取元素的float的时候应该使用cssFloat 
### Eg 
![element.style](https://dev.dwxzbz.com/blogphoto/JS-Basis/%E5%AF%B9%E8%B1%A1/%E6%B5%8F%E8%A7%88%E5%99%A8%E5%AF%B9%E8%B1%A1/element.style.jpg) 
 

# getComputedStyle与element.style的区别 
## 共同点
- 二者返回值都是CSSStyleDeclaration类型，且取属性值都采用CSS驼峰式写法，都需要注意float属性 
## 区别 
- element.style只能读取内联样式，而getComputedStyle读取的是最终样式(包含内联、嵌入和外部样式) 
- element.style支持读写，可直接通过element.style改写样式；而getComputedStyle只支持读取，无法修改 


# getPropertyValue 
## 说明 
返回指定的CSS属性值 
## 语法 
```
object.getPropertyValue(propertyname)
```
### 参数 
propertyname: 字符串类型，表示要检测的属性名 
object：必须为CSSStyleDeclaration

JS-浏览器对象_Window对象

# Error对象 
## SyntaxError(语法错误) 
## ReferenceError(引用错误) 
 - 函数未声明直接调用、变量未声明直接调用 



## TypeError(类型的错误） 

# 错误处理语句 
语法错误无法捕获 
```javascript
try {
 ... //异常的抛出
} catch(e) {
 ... //异常的捕获与处理
```

JS-对象_Error对象

# Date对象 
## 说明 
用于处理日期和时间对象 



## 语法 
![获取当前时间](https://dev.dwxzbz.com/blogphoto/JS-Basis/%E5%AF%B9%E8%B1%A1/JS%E5%AF%B9%E8%B1%A1/Date-%E6%97%A5%E6%9C%9F%E6%97%B6%E9%97%B4/%E8%8E%B7%E5%8F%96%E5%BD%93%E5%89%8D%E6%97%B6%E9%97%B4.jpg) 

![控制台返回当前时间](https://dev.dwxzbz.com/blogphoto/JS-Basis/%E5%AF%B9%E8%B1%A1/JS%E5%AF%B9%E8%B1%A1/Date-%E6%97%A5%E6%9C%9F%E6%97%B6%E9%97%B4/%E6%8E%A7%E5%88%B6%E5%8F%B0%E8%BF%94%E5%9B%9E%E5%BD%93%E5%89%8D%E6%97%B6%E9%97%B4.jpg) 

### 说明 
使用new Date()会获取当前时间 
2021-05-21T13:51:27.932Z：标准的IS0-8601“年-月-日时：分：秒：毫秒”格式打印日期和时间，字母“T”在输出中分割日期部分和时间部分 

## Date对象的方法 
### toString()、toLocaleString() 
转换为字符串输出 
```
var a = new Date
console.log(a)
console.log(typeof(a))

var c = a.toString()
console.log(c)
console.log(typeof(c))

var b = a.toLocaleString()
console.log(b)
console.log(typeof(b))
```
![转字符串输出](https://dev.dwxzbz.com/blogphoto/JS-Basis/%E5%AF%B9%E8%B1%A1/JS%E5%AF%B9%E8%B1%A1/Date-%E6%97%A5%E6%9C%9F%E6%97%B6%E9%97%B4/%E8%BD%AC%E5%AD%97%E7%AC%A6%E4%B8%B2%E8%BE%93%E5%87%BA.jpg)


### toUTCString() 
#### 说明
使用UTC时区格式化日期，返回字符串类型数据 
#### 语法
```
obj.toUTCString()
```
#### 参数 
obj：时间日期对象 


### toISOString() 
#### 说明 
按照ISO格式打印日期和时间 
#### 语法 
```
obj.toISOString() 
```

---

### getFullYear() 
#### 说明 
从 Date对象方法会以四位数字表示的年份 
#### 语法 
```
Date.getFullYear()
```

### getMonth() 
#### 说明 
返回的是月份 
程序中存的月份是0-11需要+1修正 
#### 语法 
```
Date.getMonth()
```

### getDate() 
#### 说明 
返回今天几号 
返回1-31 
#### 语法 
```
Date.getDate()
```

### getDay() 
#### 说明 
返回今天周几 
返回0-6 
#### 语法 
```
Date.getDay()
```

### getHours() 
#### 说明 
返回小时 
0-23 
#### 语法 
```
Date.getHours()
```

### getMinutes()
#### 说明 
返回分钟 
0~59 
#### 语法 
```
Date.getMinutes()
```

### getSeconds() 
#### 说明 
返回秒 
0-59 
#### 语法 
```
Date.getSeconds()
```

### getMilliseconds() 	 
#### 说明 
返回 Date 对象的毫秒(0 ~ 999) 
#### 语法 
```
Date.getMilliseconds()
```

### getTime() 
#### 说明 
返回的是1970-1-1至今的毫秒数 
#### 语法 
```
Date.getTime()
```

---
以上方法ger改为set则是设置更改时间 
没有setDay()方法 

# 补充 
若两个日期相减得到的是二者之间的毫秒数