JavaScript 高级阶段（二）

构造函数

一种特殊的函数，专门用于帮助程序员创建对象的

构造函数和普通函数的区别：构造函数的本质就是普通函数，只有在使用 new 关键字 调用它的时候，就被称为构造函数

特点:

1.调用构造函数会自动创建一个新对象

2.将函数中的 this 指向新对象

2.执行函数的代码，可以给当前创建的新对象添加属性

3.默认返回一个对象，不需要写 return

全等比较，比较的是地址值

实例成员

实例是什么？

new 构造函数创建的对象就是实例

实例成员：实例身上的属性或方法

这些 成员都是存在实例对象上面的，所以不同对象的实例成员互不干扰

静态成员

静态成员：构造函数身上的属性或方法

这些成员是存在构造函数身上的，一般存储一些所有对象都公共的属性或方法

Object 静态方法

 const obj = {
            name: '路人甲',
            age: 18,
            sex: '男'
        }
        // const a1 = new Object()
        // // 实例方法
        // console.log(a1.toString()) 
        // // 静态方法
        // console.log(Object.values(a1))
​
        // Object.values()
        // 作用：获取对象所有的值（属性值）
        const values = Object.values(obj)
        console.log(values.join('-'))
​
        // 拷贝对象
        // Object.assign()
        // Object. assign() 静态方法常用于对象拷贝
        let obj2 = {}
        Object.assign(obj2, obj)
        console.log(obj2)
        
        // Object.keys() 
        // 静态方法获取对象中所有属性（键）
        const keys = Object.keys(obj)
        console.log(keys)
​
​
​
        // Object.assign(a2,a)
        // 打印长度案例
        const sper = {size:'40cm*40cm' ,color:'黑色'}
​
        const a = Object.values(sper)
        document.write(a.join('/'))

静态方法

keys ~获取对象的所有属性，键

values ~获取对象所有的属性值

assign ~拷贝一个对象，复制出一个新的对象，且互不影响

Array.feom ~将伪数组转换为真数组

遍历方法

forEach ~遍历，无返回值

map ~对元素进行加工，返回一个新数组

filter ~筛选，找到所有符合符合条件的元素添加到新数组并返回

reduce ~求和，累加器，有两个参数（prev、item）遍历后返回累加的值

find ~查找元素，对数组元素进行遍历，符合条件则返回该元素

findlndex ~查找元素，对数组进行遍历，符合条件，返回该元素得索引

some ~判断是否有指定条件的元素，先对元素进行遍历，有一个符合的就返回 true

every ~判断所有的元素都符合条件，全部符合返回 true

concat ~合并数组

reverse ~翻转数组

sort ~数组排序

String 函数方法

length ~长度

replace ~替换

substring ~截取

splitn ~切割字符串

startsWith ~判断开头

endsWith ~判断结尾

include ~判断是否包含

trim() ~清除首尾的空白字符

contains() ~方法用于判断字符串中是否包含指定的字符或字符串。

Number 函数方法

toFixed ~保留 n 位小数，自动补零