讓JS寫的更接近OOP

来源:http://www.cnblogs.com/sunkaixuan/archive/2016/02/06/5184201.html
-Advertisement-
Play Games

下麵這段代碼就是利用JS原型對象,來實現的類的繼承DEMO $ 為jquery對象 ////公共方法 // $.oop.newClass=function newClass(obj) { // function create() { // if (obj != null) // return obj


 

下麵這段代碼就是利用JS原型對象,來實現的類的繼承DEMO 

 

$ 為jquery對象

////公共方法
//  $.oop.newClass=function newClass(obj) {
//     function create() {
//         if (obj != null)
//             return obj();
//     }
//     var c = new create();
//     return c;
// }

//
var person = $.oop.newClass(function () {

    //構造函數
    function person() {

    }

    //公有屬性
    person.prototype.age = 15;

    //公有函數
    person.prototype.eat = function () {
        alert("我會吃");
    };

    return person;
});

//程式員
var programMonkey = $.oop.newClass(function () {

    //構造函數
    function programMonkey() {

    } programMonkey.prototype = person.prototype;//繼承


    programMonkey.prototype.skill = "asp.net";

    programMonkey.prototype.work = function () {
        alert("我會加班");
    }

    return programMonkey;
});


var pm = new programMonkey();
//人的函數
pm.eat();
//程式猿的函數
pm.work();
//輸出屬性
alert("人家才" + pm.age + "歲,我是一個" + pm.skill + "猿");

 

因為JS一些特性實現一個多態也非簡單

 

//共用函數
//$.oop.newClass = function (obj) {
//    function Create() {
//        if (obj != null)
//            return obj();
//    }
//    var c = new Create();
//    return c;
//}

var iPerson = $.oop.newClass(function () {

    //構造函數
    function person() {

    }
    person.prototype.name;
    person.prototype.iq;
    person.prototype.eat;
    return person;
});

//程式員
var programMonkey = $.oop.newClass(function () {

    //構造函數
    function programMonkey() {

    } programMonkey.prototype = iPerson.prototype ;//繼承
    return programMonkey;
});

//設計濕
var designer = $.oop.newClass(function () {

    //構造函數
    function designer() {

    } designer.prototype = iPerson.prototype ;//繼承
    return designer;
});



var inputValue = "程式員";

var ip = new iPerson();

if (inputValue == "程式員") {

    ip = new programMonkey();
    ip.iq = 0;
    ip.eat = function (msg) {
        alert(msg + "吃香蕉")
    }
    
} else if (inputValue == "設計濕") {

    ip = new designer();
    ip.iq = 100;
    ip.eat = function (msg) {
        alert(msg + "吃香蕉")
    }
}
ip.name = inputValue;
 
ip.eat("我是"+ip.name+"  智力"+ip.iq+" ");
 


 
 

 

根據不同的input Value會執行相應的 eat函數

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • JavaScript構成簡介: 互聯網的出現,極大的促進了信息的交流,隨著步伐的前進,網站的交互需求越來越多,但是受限於當時的軟硬體條件,特別是網路環境的限制,非常簡單的表單驗證都要花費大量的時間在伺服器與客戶端之間進行傳輸,為此網景公司推出了最初的LiveScript語言,後來改名為JavaScr
  • altKey屬性的定義和用法:此屬性返回一個布爾值。指示在指定的事件發生時,Alt鍵是否被按下並保持住了。更多相關內容可以參閱javascript的event對象一章節。語法結構: event.altKey=true|false|1|0 瀏覽器支持:1.IE瀏覽器支持此屬性。2.火狐瀏覽器支持此屬性
  • [1]單選按鈕 [2]多選按鈕 [3]下拉列表
  • 在當今這個多種不同資料庫混用,各種不同語言不同框架融合的年代(一切為了降低成本並高效的提供服務),知識點多如牛毛。雖然大部分SQL腳本可以使用標準SQL來寫,但在實際中,效率就是一切,因而每種不同廠商的SQL新特性有時還是會用到,這部分內容更是讓人抓瞎,常常會由於一些很簡單的問題花很久來搜索準確答案
  • 分類:C#、Android、VS2015; 創建日期:2016-02-07 一、簡介 圖庫(也叫畫廊)是一個佈局小部件,用於在可水平滾動的列表中顯示每一副圖片,當前所選的圖片將置於視圖的中心。 註意:Android已經棄用了這個小部件,棄用的原因是用Galery實現的效率比較低,官方的建議是改為用H...
  • 分類:C#、Android、VS2015; 創建日期:2016-02-07 一、簡介 1、CheckBox 覆選 【Checked】屬性:是否選中。 2、RadioButton 單選 【Checked】屬性:是否選中。 【RadioGroup】屬性:RadioButton的分組容器。註意必須將Rad...
  • 分類:C#、Android、VS2015; 創建日期:2016-02-07 一、簡介 1、Button 常規按鈕。 2、TextView 文本視圖,其功能和WPF的TextBlock控制項類似,【工具箱】中提供的3個組件實際上是同一個TextView控制項用不同的屬性來區分的,這3個不同的屬性在【工具箱...
  • 本篇意在給這幾天Win10 Mobile負面新聞不斷的某軟洗地,想要證明實現一個簡單的下拉刷新並不困難。UWP開發更大的困難在於懶惰,缺乏學習的意願。而不是“某軟連下拉刷新控制項都沒有”這樣的想法。 之前我也沒有進行過下拉刷新的研究。於是先去google了幾篇blog學習了一下,然後再看了某軟官方的S
一周排行
    -Advertisement-
    Play Games
  • 前言 在我們開發過程中基本上不可或缺的用到一些敏感機密數據,比如SQL伺服器的連接串或者是OAuth2的Secret等,這些敏感數據在代碼中是不太安全的,我們不應該在源代碼中存儲密碼和其他的敏感數據,一種推薦的方式是通過Asp.Net Core的機密管理器。 機密管理器 在 ASP.NET Core ...
  • 新改進提供的Taurus Rpc 功能,可以簡化微服務間的調用,同時可以不用再手動輸出模塊名稱,或調用路徑,包括負載均衡,這一切,由框架實現並提供了。新的Taurus Rpc 功能,將使得服務間的調用,更加輕鬆、簡約、高效。 ...
  • 順序棧的介面程式 目錄順序棧的介面程式頭文件創建順序棧入棧出棧利用棧將10進位轉16進位數驗證 頭文件 #include <stdio.h> #include <stdbool.h> #include <stdlib.h> 創建順序棧 // 指的是順序棧中的元素的數據類型,用戶可以根據需要進行修改 ...
  • 前言 整理這個官方翻譯的系列,原因是網上大部分的 tomcat 版本比較舊,此版本為 v11 最新的版本。 開源項目 從零手寫實現 tomcat minicat 別稱【嗅虎】心有猛虎,輕嗅薔薇。 系列文章 web server apache tomcat11-01-官方文檔入門介紹 web serv ...
  • C總結與剖析:關鍵字篇 -- <<C語言深度解剖>> 目錄C總結與剖析:關鍵字篇 -- <<C語言深度解剖>>程式的本質:二進位文件變數1.變數:記憶體上的某個位置開闢的空間2.變數的初始化3.為什麼要有變數4.局部變數與全局變數5.變數的大小由類型決定6.任何一個變數,記憶體賦值都是從低地址開始往高地 ...
  • 如果讓你來做一個有狀態流式應用的故障恢復,你會如何來做呢? 單機和多機會遇到什麼不同的問題? Flink Checkpoint 是做什麼用的?原理是什麼? ...
  • C++ 多級繼承 多級繼承是一種面向對象編程(OOP)特性,允許一個類從多個基類繼承屬性和方法。它使代碼更易於組織和維護,並促進代碼重用。 多級繼承的語法 在 C++ 中,使用 : 符號來指定繼承關係。多級繼承的語法如下: class DerivedClass : public BaseClass1 ...
  • 前言 什麼是SpringCloud? Spring Cloud 是一系列框架的有序集合,它利用 Spring Boot 的開發便利性簡化了分散式系統的開發,比如服務註冊、服務發現、網關、路由、鏈路追蹤等。Spring Cloud 並不是重覆造輪子,而是將市面上開發得比較好的模塊集成進去,進行封裝,從 ...
  • class_template 類模板和函數模板的定義和使用類似,我們已經進行了介紹。有時,有兩個或多個類,其功能是相同的,僅僅是數據類型不同。類模板用於實現類所需數據的類型參數化 template<class NameType, class AgeType> class Person { publi ...
  • 目錄system v IPC簡介共用記憶體需要用到的函數介面shmget函數--獲取對象IDshmat函數--獲得映射空間shmctl函數--釋放資源共用記憶體實現思路註意 system v IPC簡介 消息隊列、共用記憶體和信號量統稱為system v IPC(進程間通信機制),V是羅馬數字5,是UNI ...