JavaScript 面对对象知识点整理

男娘i 2021-11-02 06:24 417阅读 0赞

面对对象

  • 什么是面对对象？
    • 创建一个自定义对象
    • 调用自定义对象
    • this关键字
  • 封装
  • 继承
  • 多肽

什么是面对对象？

面对对象是一种编程思想，以人固有的思维方式用来解决程序中的逻辑思维，便于程序的维护管理。

创建一个自定义对象

在我们生活中，汽车使我们的不可缺少的交通工具，假设设定汽车的对象，汽车有品牌，颜色，排量等等属性

  1. var obj = {
  2.     carName = 'BWM',
  3.     carColor = 'Black',
  4.     carTemp = 1.8,
  5. }

当然汽车也有一些行为动作，譬如启动，加速，停车等等。

  1. var obj = {
  2.     carName = 'BWM',
  3.     carColor = 'Black',
  4.     carTemp = 1.8,
  5.     carStar:function(){
  6.         console.log('启动')；
  7.     },
  8.     carUpSpeed:function(){
  9.         console.log('加速')；
  10.     },
  11.     carStop:function(){
  12.         console.log('停车')；
  13.     }
  14. }

调用自定义对象

创建了一个自定义的汽车对象，我们可以去调用它，调用分三种情况：
第一种，在自定义对象外面调用对象

  1. // 获取汽车对象的品牌
  2. obj.carName;
  3. // 获取汽车的启动方法
  4. obj.carStar();

第二种，在自定义对象里面调用对象

  1. // 获取汽车对象的品牌
  2. this.carName;
  3. // 获取汽车的启动方法
  4. this.carStar();

第三种，在内置对象里调用对象

  1. document.onkeydown=function(event){
  2.     // 获取汽车对象的品牌
  3.     obj.carName;
  4.     // 获取汽车的启动方法
  5.     obj.carStar();
  6. }

this关键字

以上三种方式用到了 this 关键字，this 指向的是调用该函数的对象。
在第二种自定义对象 obj 里面调用对象，此时 this 指向 自定义对象 obj，
在第三种在内置对象 document 里调用对象，此时 this 指向 内置对象 document

封装

封装，顾名思义就是将事物封装成类，隐藏事物的属性和方法的实现细节，仅对外公开接口。
譬如异常汽车类，将品牌，颜色，排量，启动，加速，停车等等封装成类。

  1. // 申明父类
  2. var Car = function(Name,Color,Temp){
  3.     this.Name = Name;
  4.     this.Color = Color;
  5.     this.Temp = Temp;    
  6. }
  7. // 为父类添加共有属性
  8. Car.prototype.shopName = '旗舰店',

继承

继承就是子类可以使用父类的所有功能，样就可以节约内存，减少代码累赘。

  1. // 申明子类
  2. var Carinfo = function(){
  3.     this.intr(){
  4.         console.log(`this is Son`);
  5.     }
  6. }
  7. // 继承父类
  8. Carinfo.prototype = new Car();

多肽

多态实际上是不同对象作用与同一操作产生不同的效果。

发表评论

表情：
评论列表 （有 0 条评论，417人围观）

还没有评论，来说两句吧...

相关阅读