一, Set对象

介绍

1. 是一个对象

2. 特点 : 存放的数据不会重复

3. 数组转成 set 对象

   const set = new Set([1, 2, 3, 4])
   

4. set对象转化成数组

   const arr = [...set]
   

5. set对象存在一个方法 add

   set.add(13)
   

代码

    <script>
        /*
        1. Set 是一个对象 存放数据 数据永远不会重复
        2. Set 当成是一个数组
        3. Set 是一个对象 遍历 使用 数组方法 find findindex map
            把Set对象转成 真正的数组
            数组转成 set 对象2
            const set = new Set ([1, 2, 3])

        4 小结
            1 Set 是一个对象 不会存放重复数据
            2 数组转成 set对象  const set =   new Set([])
            3 set对象 转成 数组  const arr=[...set]
            4 set对象 添加数据 使用add方法
            set.add(1)
            set.add(2)
            set.add(3)        
        */
       
        // 存在旧数组
        const list = [1, 2, 6, 7, 8]

        // 1. Set 对象 需要被 new 出来使用
        const set = new Set(list)

        // 2. 存放数据 调用 add方法
        set.add(1)
        set.add(2)
        set.add(3)
        set.add(3)
        set.add(3)
        set.add(4)
        set.add(5)
        
        // console.log(set);
        // 把set对象 转成数组
        let arr = [...set]
        console.log(arr);
    </script>

二, 面向对象

1. 概念: 项目级别代码思维

2. 特征: 封装和继承

3. 创建对象的三种方式

1. 字面量

大量类似对象想要修改, 不方便后期维护

    <script>
        // 1 创建对象的方式  字面量 => 字面意思  （你是个好人）
        // 不方便维护 - 修改
        // const obj = { nickname: '八戒', height: 190 };
        // const obj1 = { nickname: '八戒', height: 190 };
        // const obj2 = { nickname: '八戒', height: 190 };
        // const obj3 = { nickname: '八戒', height: 190 };
        // const obj4 = { nickname: '八戒', height: 190 };
        // const obj5 = { username: '八戒', height: 190 };   
      </script>

2. 工厂函数

1. 解决不方便维护对象的弊端

2. 但是没有办法去实现 '继承'

           // 语法
           function Person(name,height){
            return { name,height}
           }
   
       <script>
           // 2 工厂函数 封装 继承！  
           function p(name,a,b,c,d,e) {
             return {
               nickname:name,
               a,b,c,d,e
             }
             
           }
           function person(name, height,a,b,c,d,e) {
             return {
               nickname: name,
               height,
               a,b,c,d,e
             };
           }
     
           const obj = person('八戒', 190);
           const obj1 = person('八戒', 190);
           const obj2 = person('八戒', 190);
           const obj3 = person('八戒', 190);
           console.log(obj);
           console.log(obj1);
           console.log(obj2);
           console.log(obj3);  
         </script>
   

3. 构造函数!!以下重点讲