第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

Webpack ES6 模塊多類應(yīng)用程序組織

Webpack ES6 模塊多類應(yīng)用程序組織

Cats萌萌 2023-07-06 16:42:52
我第一次使用 webpack 構(gòu)建一個(gè)應(yīng)用程序,并且正在嘗試組織類文件。我無(wú)法讓代碼正常工作。我對(duì) ES6 等還是新手,所以下面的代碼可能非常錯(cuò)誤,但我不確定它是我的方法/概念還是我的語(yǔ)法。條目是index.js,我也有這些文件import App from './js/app.js';import User from './js/user.js';import Guest from './js/guest.js';const app = new App();const user = new User();const guest = new Guest();$(document).ready(function () {    app.DatabaseStore.senddata();    console.log( user.getall() );});src/js/app.js主要的全局方法/變量類import CookieStore from './cookie.js';import DatabaseStore from './database.js';export default class App {    constructor() {        this.cookieStore = new CookieStore();        this.databaseStore = new DatabaseStore();    }    gettime() {        return 'time';    }}src/js/user.js方法是為了usersimport App from './app.js';export default class User extends App {    constructor() {        this.mydata = App.cookieStore.getData();        console.log(this.mydata );    }    getall() {        return ['foo', 'bar', 'baz'];    }}src/js/guest.js方法是為了guestsimport App from './app.js';export default class Guest extends App {    constructor() {        this.mydata = App.cookieStore.getData();    }}src/js/cookie.jscookie 操作方法export default class CookieStore {    constructor() {}    mydata() {return 'foo';}}src/js/database.js火力基地方法export default class DatabaseStore {    constructor() {}    senddata() {        this.mydata = App.cookieStore.getData();    }
查看完整描述

1 回答

?
HUH函數(shù)

TA貢獻(xiàn)1836條經(jīng)驗(yàn) 獲得超4個(gè)贊

您正在嘗試靜態(tài)訪問(wèn)實(shí)例屬性。App在嘗試訪問(wèn)屬性之前,您需要?jiǎng)?chuàng)建類的實(shí)例cookieStore。您可以創(chuàng)建一個(gè)實(shí)例并將其導(dǎo)出到 app.js 中以獲得單例實(shí)例。


//in your app.js 

export const app = new  App();

在其他文件中


import {app} from './js/app.js'


app.cookieStore.getData();


查看完整回答
反對(duì) 回復(fù) 2023-07-06
  • 1 回答
  • 0 關(guān)注
  • 132 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)