OOP === Object Oriented Programming

OOP === Object Oriented Programming

OOP

OOP === Object Oriented Programming: Class / Constructor Function ???

function handleModalIds() {
    console.log(`Modal`);
}

function handleAccordionIds() {
    console.log(`Accordion`);
}

function handleCarouselIds() {
    console.log(`Carousel`);
}

function handleTabsIds() {
    console.log(`Tabs`);
}

function handleAllIds(){
    console.log(`all in one!`);
    handleModalIds();
    handleAccordionIds();
    handleCarouselIds();
    handleTabsIds();
}

handleAllIds();

const allIdsHandler = {
    handleModalIds: () => {
        console.log(`Modal`);
    },
    handleAccordionIds: () => {
        console.log(`Accordion`);
    },
    handleCarouselIds: () => {
        console.log(`Carousel`);
    },
    handleTabsIds: () => {
        console.log(`Tabs`);
    },
    init: () => {
        console.log(`all in one!`);
        this.handleModalIds();
        this.handleAccordionIds();
        this.handleCarouselIds();
        this.handleTabsIds();
    }
};

allIdsHandler.init();

renovation 改造

class

class AllIdsHandlerClass {
    constructor(name) {
      this.name = name || AllIdsHandlerClass.name;
      // 构造函数在实例化的时候，立即执行 init()
      this.init();
    }
    handleModalIds() {
        console.log(`Modal`);
    }
    handleAccordionIds() {
        console.log(`Accordion`);
    }
    handleCarouselIds() {
        console.log(`Carousel`);
    }
    handleTabsIds() {
        console.log(`Tabs`);
    }
    init() {
        console.log(`all in one!`);
        this.handleModalIds();
        this.handleAccordionIds();
        this.handleCarouselIds();
        this.handleTabsIds();
    }
};

const test = new AllIdsHandlerClass(`test`);

/*
all in one!
Modal
Accordion
Carousel
Tabs
*/

// OOP === Object Oriented Programming:  Class / Constructor Function 

"use strict";

/**
 * 
 * @author xgqfrms
 * @license MIT
 * @copyright xgqfrms
 * 
 * @description AllInOne
 * @augments 
 * @example 
 * 
 */

// const AllInOne = (datas = [], debug = false) => {
//     let result = ``;
//     // do something...
//     return result;
// };



// export default AllInOne;

// export {
//     AllInOne,
// };


function handleModalIds() {
    console.log(`Modal`);
}

function handleAccordionIds() {
    console.log(`Accordion`);
}

function handleCarouselIds() {
    console.log(`Carousel`);
}

function handleTabsIds() {
    console.log(`Tabs`);
}

function handleAllIds(){
    console.log(`all in one!`);
    handleModalIds();
    handleAccordionIds();
    handleCarouselIds();
    handleTabsIds();
}

handleAllIds();

const allIdsHandler = {
    handleModalIds: () => {
        console.log(`Modal`);
    },
    handleAccordionIds: () => {
        console.log(`Accordion`);
    },
    handleCarouselIds: () => {
        console.log(`Carousel`);
    },
    handleTabsIds: () => {
        console.log(`Tabs`);
    },
    init: () => {
        console.log(`all in one!`);
        this.handleModalIds();
        this.handleAccordionIds();
        this.handleCarouselIds();
        this.handleTabsIds();
    }
};

allIdsHandler.init();

// OOP === Object Oriented Programming:  Class / Constructor Function ???

refs

---

---

©xgqfrms 2012-2020

www.cnblogs.com 发布文章使用：只允许注册用户才可以访问！

---