JS进阶 ---day2

创建对象三种方式:

1. 利用字面量创建对象

2. new object创建对象

3. 利用构造函数创建对象

const o = {
...
}

const o1 = new Object()

利用构造函数创建

构造函数: 特殊函数,用来初始化对象,  通过构造函数可以快速创建多个类似的对象.

//创建构造函数
function Fn(uname, age){
    this.uname = uname;
    this.age = age
}


const msg = new Fn('ly', 18)

注意:

1. new关键字调用函数的行为称为实例化. 

2. 构造函数没有return, 返回值为新创建的对象.

实例化过程:

1. 创建新空对象

2. 构造函数this指向新对象

3. 执行构造函数代码,修改this,添加新属性

4. 返回新对象

实例成员&静态成员:

实例成员: 通过构造函数创建的对象为实例对象, 实例对象中的属性和方法称为实例成员(实例属性和实例方法)

注意:

构造函数创建的实例对象彼此独立互不影响.

静态成员: 构造函数的属性和方法称为静态成员.

注意: 

1. 静态成员只能由构造函数来访问

2. 静态方法this指向构造函数.

---

内置构造函数:

引用类型: Object, Array, String, Number

1. Object

Object.keys 获取静态方法的属性名

Object.values 获取静态方法的属性值

Object.assign 静态方法常用于对象拷贝  ---常用于对象新添加一个属性

const o = {uname:'ly', age:18}
console.log(Object.keys(o)) // 获取所有属性名, 返回的是一个数组

console.log(Object.values(o)) //获取所有属性值, 返回是一个数组

const oo = {}
Object.assign(oo, o)
Object.assign(o, {gender: 'hh'})

2. Array

forEach: 遍历数组, 不返回数组,常用于查找遍历数组元素.

filter: 过滤数组, 返回新数组,返回是筛选满足条件的数组元素.

map: 迭代数组, 返回新数组, 返回处理之后的数组元素.

reduce: 累计器, 返回累计处理的结果, 常用于求和.

语法:

arr.reduce(function(上一次的值, 当前值){

...

}, 初始值) .

join : 数组元素拼接为字符串, 返回字符串

find : 查找元素,有符合条件就返回第一个数组元素值, 没有返回undefined

every : 数组元素中是否所有都满足条件, true, 否则为false.

some : 数组元素中是否满足指定条件,数组中有元素满足条件就返回 true, 否则为false.

3. String

length: 获取字符串长度

split : 把字符串转化为数组和 join相反

substring(开始索引号[, 结束索引号]) : 字符串截取, 结束索引号的字符不包含想要截取的部分.

startsWith(监测字符串[, 检测位置索引号]) : 监测是否某个字符开头.

includes : 判断一个字符串是否包含另一个字符串.