解決js面向?qū)ο缶幊痰碾y題

ermaoL 發(fā)布于2019-08-23 11:48 / 965人閱讀

摘要：一面向?qū)ο缶幊毯?jiǎn)介定義，簡(jiǎn)稱，是一種程序設(shè)計(jì)思想。好處維護(hù)簡(jiǎn)單模塊化是面向?qū)ο缶幊讨械囊粋€(gè)特征。可擴(kuò)充性面向?qū)ο缶幊虖谋举|(zhì)上支持?jǐn)U充性。

一、面向?qū)ο缶幊毯?jiǎn)介

1.定義： Object Oriented Programming，簡(jiǎn)稱OOP，是一種程序設(shè)計(jì)思想。OOP把對(duì)象作為程序的基本單元，一個(gè)對(duì)象包含了數(shù)據(jù)和操作數(shù)據(jù)的函數(shù)。
2.好處：

(1)、維護(hù)簡(jiǎn)單：模塊化是面向?qū)ο缶幊讨械囊粋€(gè)特征。實(shí)體被表示為類和同一名字空間中具有相同功能的類，我們可以在名字空間中添加一個(gè)類而不會(huì)影響該名字空間的其他成員。

(2)、可擴(kuò)充性：面向?qū)ο缶幊虖谋举|(zhì)上支持?jǐn)U充性。如果有一個(gè)具有某種功能的類，就可以很快地?cái)U(kuò)充這個(gè)類，創(chuàng)建一個(gè)具有擴(kuò)充的功能的類。

(3)、代碼重用：由于功能是被封裝在類中的，并且類是作為一個(gè)獨(dú)立實(shí)體而存在的，提供一個(gè)類庫就非常簡(jiǎn)單。

二、實(shí)例

下面給大家舉了幾個(gè)示例達(dá)到的效果一致，但用了不同的方法（最后一種為完整的利用面向?qū)ο缶幊蹋?注：具體的詳解在代碼中
1.實(shí)例圖：

2.代碼：
第一種：（直接打印）

      console.log("車名：汽車，輪胎：4");
      console.log("車名：自行車，輪胎：2");

第二種：（*）

  // 面向過程 函數(shù)編程
      function Che(name,geshu){//利用了函數(shù)的參數(shù)傳入
        console.log("車名："+name+"，"+"輪胎："+geshu+"!");
      }
      // 定義參數(shù)的值
      Che("汽車","4");
      Che("自行車","2");
      // 調(diào)用的這里只是傳入對(duì)應(yīng)可變參數(shù)的值
      // 這種方法叫做【面向過程】的編程方法，相對(duì)于上一種更便于改動(dòng)

第三種：（*）

      // 面向?qū)ο缶幊?      var qiche={//"qiche"為對(duì)象的自變量
        name:"汽車",
        geshu:"4",
        Che:function(name,geshu){//利用了函數(shù)的參數(shù)傳入
          console.log("車名："+this.name+"，"+"輪胎："+this.geshu+"!");
        }
      };
      var zhixingche={
        name:"自行車",
        geshu:"2",
        Che:function(name,geshu){//利用了函數(shù)的參數(shù)傳入
          console.log("車名："+this.name+"，"+"輪胎："+this.geshu+"!");//this.name代表當(dāng)前對(duì)象
        }
      };

      qiche.Che();
      zhixingche.Che();//調(diào)用
      // 對(duì)象由屬性和方法組成
      // 屬性是對(duì)象特有的不變的，方法可以理解為對(duì)象的行為，方法通常為一個(gè)函數(shù)
      // 代碼重復(fù)的較多

第四種（*）

      // 面向?qū)ο缶幊? 進(jìn)階
      // 類的概念
      // 對(duì)象是類的一個(gè)具體實(shí)例  如：汽車是車的一種
      // 類是對(duì)象的抽象   或者說  是由對(duì)象泛化  如：我們把汽車，自行車統(tǒng)一叫做車
      function Car(name,geshu){//Car叫類
        this.name=name;
        this.geshu=geshu;//=后面的為傳入的參數(shù)
        this.Che=function(){
          console.log("車名："+this.name+"，"+"輪胎："+this.geshu+"!");
        }
      }
      //這個(gè)函數(shù)用來創(chuàng)建對(duì)象
      var qiche=new Car("汽車","4");
      var zhixingche=new Car("自行車","2");

      // 我們把這組用來創(chuàng)建對(duì)象的函數(shù)叫做【構(gòu)造函數(shù)】
      // 【構(gòu)造函數(shù)】的功能就是創(chuàng)建對(duì)象
      qiche.Che();
      zhixingche.Che();//調(diào)用