亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

Webpack ES6 模塊多類應用程序組織

Webpack ES6 模塊多類應用程序組織

Cats萌萌 2023-07-06 16:42:52
我第一次使用 webpack 構建一個應用程序,并且正在嘗試組織類文件。我無法讓代碼正常工作。我對 ES6 等還是新手,所以下面的代碼可能非常錯誤,但我不確定它是我的方法/概念還是我的語法。條目是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函數

TA貢獻1836條經驗 獲得超4個贊

您正在嘗試靜態訪問實例屬性。App在嘗試訪問屬性之前,您需要創建類的實例cookieStore。您可以創建一個實例并將其導出到 app.js 中以獲得單例實例。


//in your app.js 

export const app = new  App();

在其他文件中


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


app.cookieStore.getData();


查看完整回答
反對 回復 2023-07-06
  • 1 回答
  • 0 關注
  • 125 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號