日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

JavaScript中常見(jiàn)設(shè)計(jì)模式有哪些？

網(wǎng)站建設(shè)哪家好，找成都創(chuàng)新互聯(lián)公司！專(zhuān)注于網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站建設(shè)、微信開(kāi)發(fā)、微信小程序開(kāi)發(fā)、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項(xiàng)目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了石龍免費(fèi)建站歡迎大家使用！

JavaScript作為一種腳本語(yǔ)言，在開(kāi)發(fā)過(guò)程中，我們經(jīng)常會(huì)遇到各種各樣的問(wèn)題，為了解決這些問(wèn)題，我們需要使用一些設(shè)計(jì)模式，JavaScript中常見(jiàn)的設(shè)計(jì)模式有哪些呢？本文將為您詳細(xì)介紹。

創(chuàng)建型模式

1、單例模式(Singleton):確保一個(gè)類(lèi)只有一個(gè)實(shí)例，并提供一個(gè)全局訪問(wèn)點(diǎn)。

class Singleton {
  constructor() {
    if (!Singleton.instance) {
      Singleton.instance = this;
    }
    return Singleton.instance;
  }
}
const instance1 = new Singleton();
const instance2 = new Singleton();
console.log(instance1 === instance2); // true

2、工廠方法模式(Factory Method):定義一個(gè)用于創(chuàng)建對(duì)象的接口，讓子類(lèi)決定實(shí)例化哪一個(gè)類(lèi)，工廠方法使一個(gè)類(lèi)的實(shí)例化延遲到其子類(lèi)。

class Animal {
  speak() {}
}
class Dog extends Animal {
  speak() {
    console.log('汪汪汪');
  }
}
class Cat extends Animal {
  speak() {
    console.log('喵喵喵');
  }
}
function getAnimal(type) {
  if (type === 'Dog') {
    return new Dog();
  } else if (type === 'Cat') {
    return new Cat();
  } else {
    throw new Error('Invalid animal type');
  }
}
const dog = getAnimal('Dog');
dog.speak(); // 汪汪汪

3、抽象工廠模式(Abstract Factory):提供一個(gè)接口，用于創(chuàng)建相關(guān)或依賴對(duì)象的家族，而不需要明確指定具體類(lèi)。

class AbstractFactory {
  createProductA() {}
  createProductB() {}
}
class ConcreteFactory1 extends AbstractFactory {
  createProductA() { return new ProductA1(); }
  createProductB() { return new ProductB1(); }
}
class ConcreteFactory2 extends AbstractFactory {
  createProductA() { return new ProductA2(); }
  createProductB() { return new ProductB2(); }
}

4、建造者模式(Builder):將一個(gè)復(fù)雜對(duì)象的構(gòu)建與它的表示分離，使得同樣的構(gòu)建過(guò)程可以創(chuàng)建不同的表示，構(gòu)造函數(shù)參數(shù)接受一個(gè)表示對(duì)象，后續(xù)的操作都是對(duì)這個(gè)表示對(duì)象的操作，最終生成一個(gè)復(fù)雜對(duì)象。

class Product {}
class Director {}
class Builder extends Director {}
class ConcreteBuilder extends Builder {}
class ConcreteProduct extends Product {}

結(jié)構(gòu)型模式

1、適配器模式(Adapter):將一個(gè)類(lèi)的接口轉(zhuǎn)換成客戶希望的另外一個(gè)接口，適配器模式使得原本由于接口不兼容而不能一起工作的那些類(lèi)可以一起工作。

class Target {}
class Source {}
class Adapter extends Source {}
class TargetAdapter extends Target {}

橋接模式(Bridge):將抽象部分與實(shí)現(xiàn)部分分離，使它們都可以獨(dú)立地變化，這個(gè)模式的關(guān)鍵在于它將抽象部分和實(shí)現(xiàn)部分分別放在兩個(gè)獨(dú)立的類(lèi)中，從而避免了它們之間的耦合關(guān)系，橋接模式通過(guò)組合的方式來(lái)組織各個(gè)組成部分之間的關(guān)系，使得系統(tǒng)更加靈活、可擴(kuò)展。

當(dāng)前文章：js常見(jiàn)的設(shè)計(jì)模式有哪些
分享路徑：http://www.dlmjj.cn/article/cccdjje.html