JavaScript面向对象


  • 能够说出什么是面向对象
  • 能够说出类和对象的关系
  • 能够使用class创建自定义类
  • 能够说出什么是继承

面向对象编程介绍

面向过程编程:分析出解决问题所需要的步骤,然后用函数把这些步骤一步步实现,使用时再依次调用。

面向对象编程:把事务分解成一个个对象,然后由对象之间分工与合作

ES6中的类和对象

对象

在JavaScript中,对象是一组无序的相关属性和方法的集合,所有的食物都是对象。对象是由属性和方法组成的。

类抽象了对象的公共部分,它泛指某一大类。对象特指某一个,通过类实例化一个具体的对象。

创建实例: var xxx = new name();

constructor()方法是类的构造函数,用于传递参数,返回实例对象。只要new生成实例,就会自动调用这个函数。

注意类必须使用new实例化对象;创建类不需要小括号,new生成类需要小括号;类里面方法不需要加function

类的继承

子类会继承父类的一些属性和方法。

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

==super关键字==用于调用父类中的构造函数和普通函数

注意super必须在this之前被调用

ES6中的类和对象:

  • 在ES6中没有变量提升,所以必须先定义类,然后才能通过实例化类的对象

  • 类中共有属性和方法一定要加this使用

  • 方法中this指向 ==调用者==,constructor中的this指向实例对象

    案例:面向对象版tab栏切换

案例效果: GO


文章作者: linxueya
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 linxueya !
评论
  目录
喜迎
春节