如何在不導入的情況下獲取 js 庫

Question

我想做一個js庫，我有所有的代碼。 像 Jquery 這樣的庫可以讓你喜歡

<script src = "..."></script>
<script>
//uses the library
</script>

沒有import * from JQuery 。 如何在不將庫聲明為模塊化或導入的情況下做到這一點？

Answer 1

將頂級 object 分配給 window 上的屬性，就像window一樣：

 <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script> // testing jQuery: console.log(window.$); console.log(window.jQuery); console.log($); // same as window.$ console.log(window.jQuery === $); </script> <script> // your module (imagine this was hosted and loaded via the "src" attribute like jQuery) const myMath = {}; myMath.add = (...numbers) => numbers.reduce((sum, n) => sum + n, 0); window.MY_MATH = myMath; </script> <script> // use myMath const {add} = window.MY_MATH; console.log(add(1, 2, 3, 4)); // 10 </script>