JavaScript对象和类

对象和类

获取对象的属性名

Object .keys获取当前对象中的属性名，返回值是一个数组

// 用于获取对象自身的所有属性
      var obj = {
        id: 1,
        name: '牛牛',
        price: 1000,
        num: 200,
      }

      var arr = Object.k eys(obj)
      console.log(arr)

Object.difineproperty

Object.difineproperty设置或者修改对象中的属性

 // Object.difineproperty设置或者修改对象中的属性
      var obj = {
        id: 1,
        name: '小米手机',
        price: 1999,
      }
      // 以前给对象添加或修改属性的方法
      // obj.num = 1000
      // obj.price = 99
      // console.log(obj)

      // Object.difineproperty定义新属性
      Object.defineProperty(obj, 'num', {
        value: 1200,
        // 允许遍历  如果值为false 不允许遍历
        enumerable: true,
      })
      // console.log(obj)
      // 修改属性
      Object.defineProperty(obj, 'price', {
        value: 9.9,
      })
      // console.log(obj)

      Object.defineProperty(obj, 'id', {
        // 值为false 不允许修改这个属性值  默认值为false
        writable: false,
      })
      obj.id = 2
      // console.log(obj)

      Object.defineProperty(obj, 'address', {
        value: '北京昌平',
        // 值为false 不允许修改这个属性值  默认值为false
        writable: false,
        // 允许遍历  如果值为false 不允许遍历  默认值为false

        enumerable: false,
        // 如果为false 不允许删除这个属性 不允许再修改第三个参数里面的特性  默认为false
        configurable: false,
      })

      console.log(obj)
      console.log(Object.keys(obj))
      delete obj.address
      console.log(obj)
      delete obj.name
      console.log(obj)

面向过程

面向过程是分析出解决问题所需要的步骤，然后用函数把这些步骤一步一步实现，使用的时候再一个一个的依次调用就行了

面向对象

面向对象是把事务分解成一个一个对象，然后由对象之间分工与合作

衣服

人

洗衣机

面向过程： 不易维护，不易复用
面向对象:  易维护，易复用，面向对象有封装，继承，多态的特性，使系统更加灵活

类

在ES6中新增加了类的概念，可以用class关键字声明一个类，之后用这个类来实例化对象，类抽象了对象的公共部分，指某一大类对象，通过实例化一个具体的对象

类是构造函数的语法糖(简写)

创建类

语法

//  1 使用class关键字  class 类名{}
      class Star {}

      // 2使用定义的类创建实例  使用new关键字
      var s = new Star()

代码

 // //  1 使用class关键字  class 类名{}
      // class Star {}

      // // 2使用定义的类创建实例  使用new关键字
      // var s = new Star()

      // 创建类   创建一个明星类
      class Star {
        // 类的共有属性放到 constructor
        // 类实例化对象时候执行constructor
        // constructor 是构造器 或者构造函数
        constructor(name, age) {
          this.name = name
          this.age = age
        }
      }

      var ldh = new Star('刘德华', 18)
      console.log(ldh)

      // 结果 类创建的对象 和构造函数创建对象的结果是一样的

类中添加方法

// 创建类   创建一个明星类
      class Star {
        // 类的共有属性放到 constructor
        // 类实例化对象时候执行constructor
        // constructor 是构造器 或者构造函数
        constructor(name, age) {
          this.name = name
          this.age = age
        } 
        // ---类里面所有的函数不需要写function
        // ----多个函数之间不需要添加逗号分割
        sing(song) {
          console.log(this.name + song)
        }
      }

      var ldh = new Star('刘德华', 18)
      var zxy = new Star('张学友', 20)
      // console.log(ldh)

      ldh.sing('冰雨')
      zxy.sing('李香兰')

      // 结果 类创建的对象 和构造函数创建对象的结果是一样的

总结

• 通过class关键字创建类，类名的首字母要大写
• 类里面有个constructor函数，可以接收传递过来的参数，返回实例对象
• constructor函数只要new生成实例时，就会自动调用这 个函数，如果我们不写这个函数，类也会自动生成这个函数
• 多个函数之间不需要用逗号分割
• 生成实例new 不能省略
• 创建类，类名后面不能加小括号，生成实例，类名后面加小括号，类里面的函数不需要加function

类的继承

语法

class Father{
    //父类
}
class Son extends Father{ 
  //子类继承父类
}

// super 关键字调用父类普通函数
      // class Father {
      //   constructor(x, y) {
      //     this.x = x
      //     this.y = y
      //   }
      //   say() {
      //     return '我是爸爸'
      //   }
      // }

      // class Son extends Father {
      //   say(x, y) {
      //     // super(x, y) //调用了父类中的普通函数
      //     console.log('我是儿子')
      //     console.log(super.say() + '的儿子')
      //   }
      // }

      // var son = new Son()
      // son.say()
      // 继承中属性或者方法的查找原则  就近原则
      // 继承中，如果实例化子类输出一个方法，先看子类有没有这个方法，如果有就先执行子类的
      // 继承中，子类没有，就去查找父类有没有这个方法，如果有就去执行父类的方法

      // 如果子类想要继承父类的方法，同时在自己内部扩展自己的方法，利用super调用父类的构造函数，必须在
      // 子类this之前调用

      class Father {
        constructor(x, y) {
          this.x = x
          this.y = y
        }
        say() {
          console.log('我是爸爸')
          return '我是爸爸'
        }
      }

      class Son extends Father {
        constructor(x, y) {
          super(x, y)
        }
        // say() {
        //   console.log('say')
        // }
      }
      var s = new Son(34, 4)
      s.say()

      // this指向问题  类里面共有的属性和方法 一定要加this使用
      // 1constructor中的this指向new出来的实例对象
      // 2 自定义方法 一般也指向new出来的实例对象