gpt4 book ai didi

javascript - 如何在内联 <script> 中访问捆绑的 ES6 类

转载 作者:行者123 更新时间:2023-11-29 21:04:51 25 4
gpt4 key购买 nike

我正在使用 Webpack 来转换我的 ES6 类。假设 bundle 中有一个 Service 类,可以由其他捆绑脚本导入。

class Service {
constructor() {
//
}

someMethod(data) {
//
}
}

export default Service;

现在我在 HTML 主体 (下面的伪代码) 中有一个小的内联脚本,它需要调用 Service 类中的方法,其中的数据是使用 Twig 或 Blade 等模板引擎在服务器端插入。当然,创建一个新的 Service 对象是行不通的……

<body>
...
<script>
var data = {{ $json_server_data }};

var service = new Service;

Service.someMethod(data);
</script>
</body>

我非常希望服务器数据可以内联使用,因为它可以防止额外的异步调用。用 Service 类污染窗口命名空间感觉就像丢掉了类加载器的好处......

您将如何解决这个问题?当然,也欢迎提出关于采用不同方法的建议。

最佳答案

您的服务类将无法在捆绑的 javascript 范围之外使用。所以你可能想把它做成global ,您可以通过将其附加到窗口对象来实现。

// Service.js
class Service {
constructor() {
//
}

someMethod(data) {
//
}
}

window.Service = Service;

export default Service;


// usage
let myService = new Service();

关于javascript - 如何在内联 &lt;script&gt; 中访问捆绑的 ES6 类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44516242/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com