JavaScript精粹基礎(chǔ)進階(9)OOP面向?qū)ο缶幊?下)-創(chuàng)新互聯(lián)

轉(zhuǎn)載請注明出處

成都創(chuàng)新互聯(lián)專注于平遠網(wǎng)站建設(shè)服務及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗。 熱誠為您提供平遠營銷型網(wǎng)站建設(shè)，平遠網(wǎng)站制作、平遠網(wǎng)頁設(shè)計、平遠網(wǎng)站官網(wǎng)定制、成都小程序開發(fā)服務，打造平遠網(wǎng)絡公司原創(chuàng)品牌,更為您提供平遠網(wǎng)站排名全網(wǎng)營銷落地服務。

原文連接 http://blog.huanghanlian.com/article/5b698f22b8ea642ea9213f51

我們怎么去模擬重載，在javasceipr中我們可以通過參數(shù)的類型區(qū)別或者數(shù)量的區(qū)別，來去讓同樣一個函數(shù)名字，可以根據(jù)不同的參數(shù)列表的情況來去調(diào)用相應的函數(shù)。

javascript中函數(shù)類型是不確定的，并且參數(shù)的個數(shù)也是可以任意的，那么我們可以通過判斷實際傳入的參數(shù)的個數(shù)，來去做一個模擬的重載，

OOP(模擬重載、鏈式調(diào)用、模塊化)

模擬重載

function person() {
        var args = arguments;
        if (typeof args[0] === 'object' && args[0]) {
            if (args[0].name) {
                this.name = args[0].name;
            }
            if (args[0].age) {
                this.age = args[0].age;
            }
        } else {
            if (args[0]) {
                this.name = args[0];
            }
            if (args[1]) {
                this.age = args[1];
            }
        }
    };
    person.prototype.toString = function() {
        return "姓名:" + this.name + "年齡:" + this.age
    }

    var peng = new person({
        name: "繼小鵬",
        age: 23
    });
    console.log(peng.toString()); //姓名:繼小鵬年齡:23

    var peng1 = new person("是你", 23);
    console.log(peng1.toString()); //姓名:是你年齡:23

調(diào)用子類方法

例子1

if (!Object.create) {
        Object.create = function(proto) {
            function F() {};
            F.prototype = proto;
            return new F();
        };
    }

    function person(name) {//基類
        this.name=name;
    }
    person.prototype.init=function(){
        console.log("你好"+this.name)
    }

    function student(name,classname){   //學生類
        this.classname=classname;
        person.call(this,name);
    }

    student.prototype = Object.create(person.prototype);
    student.prototype.constructor = student;

    student.prototype.init=function(){
        console.log("你好s"+this.name)
    }

    var peng=new student("繼小鵬","class2");
    console.log(peng);
    peng.init();

例子2子類調(diào)用基類方法

function person(name) {//基類
    this.name=name;
}

function student(name,classname){   //學生類
    this.classname=classname;
    person.call(this,name);
}

person.prototype.init=function(){
    console.log(this.name)
}

student.prototype.init=function(){
    person.prototype.init.apply(this,arguments);
}

var peng=new student("繼小鵬","class2");
console.log(peng);
peng.init();

鏈式調(diào)用

function classman() {}
classman.prototype.addClass = function(str) {
    console.log('calss' + str + 'added');
    return this;
}
var mang = new classman();
mang.addClass('classA').addClass('classB').addClass('classC')

// calssclassAadded
// calssclassBadded
// calssclassCadded

使用jq的時候$("#id").addClass('df')
選擇器做些操作后在繼續(xù)addClass('df')還可以再做動作一層層鏈式去調(diào)用。

例子解釋

function classman() {}   //現(xiàn)定義一個構(gòu)造器classman
classman.prototype.addClass = function(str) {   //給classman構(gòu)造器prototype添加addClass屬性方法
    console.log('calss' + str + 'added');   //輸出表示添加一個class
    return this;  //return this表示返回classman的實例因為返回了實例那么緊接著后面不需要加mang.addClass('classA')直接后面加.addClass('classB').addClass('classB')就可以，每次執(zhí)行完都會返回實例
}
var mang = new classman();
mang.addClass('classA').addClass('classB').addClass('classC')

// calssclassAadded
// calssclassBadded
// calssclassCadded

抽象類

function Detectorlse() {
    throw new Error("Abstract class can not be invoked directly!");
}
Detectorlse.detect = function() {
    console.log('Detcetion starting...');
}
Detectorlse.stop = function() {
    console.log('Detector stopped');
}
Detectorlse.init = function() {
    throw new Error("Error");
}

function linkDetector() {};
linkDetector.prototype = Object.create(Detectorlse.prototype)
linkDetector.prototype.constructor = linkDetector;

//...add methods to LinkDetector...

defineProperty(ES5)

function Person(name) {
    Object.defineProperty(this, 'name', {
        value: name,
        enumerable: true
    });
};
Object.defineProperty(Person, 'arms_num', {
    value: 2,
    enumerable: true
});
Object.seal(Person.prototype);
Object.seal(Person);

function student(name, classname) {
    this.classname = classname;
    Person.call(this, name);
};
student.prototype = Object.create(Person.prototype);
student.prototype.constructor = student;

var peng = new Person('繼小鵬');
console.log(peng);

var han = new student("汗", "class2");
console.log(han);

模塊化

定義簡單模塊化

var moduleA;
moduleA=function(){
    var prop=1;
    function func(){};
    return {
        func:func,
        prop:prop
    }
}();

定義簡單模塊化2

var moduleA;
moduleA = new function() {
    var prop = 1;

    function func() {};
    this.func = func;
    this.prop = prop;
}();

實踐（探測器）

另外有需要云服務器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

本文標題：JavaScript精粹基礎(chǔ)進階(9)OOP面向?qū)ο缶幊?下)-創(chuàng)新互聯(lián)
當前路徑：http://www.muchs.cn/article26/dsoccg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供營銷型網(wǎng)站建設(shè)、虛擬主機、面包屑導航、品牌網(wǎng)站建設(shè)、品牌網(wǎng)站設(shè)計、手機網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)

成都網(wǎng)站建設(shè)