Show
Nội dung chính ShowShow
Hướng dẫn tham khảo JavaScript - Chương & NBSP; 4 — Chapter 4Đánh giá một chương trình JavaScript có thể tạo ra các tác dụng phụ trên môi trường toàn cầu JavaScript; Do đó, mỗi chương trình JavaScript được đánh giá trong một bối cảnh V8 riêng biệt. Chi phí tạo ra một bối cảnh như vậy là rất đáng kể và trong phiên bản V8 gần đây, chi phí đã tăng khoảng 40%. Để bù cho chi phí này, bạn nên chuyển đổi các tập lệnh JavaScript của mình thành các mô -đun JavaScript.
Lợi ích của các mô -đun JavaScriptSự khác biệt khác giữa các tập lệnh và mô -đun JavaScript
Sự khác biệt khác giữa các tập lệnh và mô -đun JavaScriptSự khác biệt khác giữa các tập lệnh và mô -đun JavaScript
Cân nhắc hiệu suấtĐánh giá một chương trình JavaScript có thể tạo ra các tác dụng phụ trên môi trường toàn cầu JavaScript; Do đó, mỗi chương trình JavaScript được đánh giá trong một bối cảnh V8 riêng biệt. Chi phí tạo ra một bối cảnh như vậy là rất đáng kể và trong phiên bản V8 gần đây, chi phí đã tăng khoảng 40%. Tạo và sử dụng các mô -đun ES6
Nhập các mô-đun tích hợp MarkLogic Tạo và sử dụng các mô -đun ES6Nhập khẩu động không được phép Sử dụng các mô -đun JavaScript trong trình duyệt Mimetype mới cho các mô -đun JavaScriptNhập các mô-đun tích hợp MarkLogic // myMathLib.mjs const PI = 3.14159265359; const E = 2.718281828459; const GAMMA = 0.577215; const reducer = (accumulator, currentValue) => accumulator + currentValue; // The following objects will remain private const G = 0.915965594177; const x = 0.110001000000000000000001; export function adder(arguments) { console.log('Grand Total: ', arguments); return arguments.reduce(reducer); } export { PI, E, GAMMA, reducer, adder, ... }; Đánh giá các biến với các mô -đun ES6 // myScript.js import { adder } from './myMathLib.mjs'; console.log( adder(1,2,3,4,5) ); => 15 Điều gì làm cho một tệp JavaScript trở thành một mô -đun?
Các mô -đun JavaScript là gì? // myMathLib.mjs const PI = 3.14159265359; const E = 2.718281828459; const GAMMA = 0.577215; const reducer = (accumulator, currentValue) => accumulator + currentValue; // The following objects will remain private const G = 0.915965594177; const x = 0.110001000000000000000001; export function adder(arguments) { console.log('Grand Total: ', arguments); return arguments.reduce(reducer); } export { PI, E, GAMMA, reducer, adder, ... };6: import { adder, aglomerator } from './myMathLib.mjs'; console.log( adder(1,2,3,4,5) ); // 15 console.log( aglomerator(1,2,3,4,5) ); // 12345 Đánh giá một chương trình JavaScript có thể tạo ra các tác dụng phụ trên môi trường toàn cầu JavaScript; Do đó, mỗi chương trình JavaScript được đánh giá trong một bối cảnh V8 riêng biệt. Chi phí tạo ra một bối cảnh như vậy là rất đáng kể và trong phiên bản V8 gần đây, chi phí đã tăng khoảng 40%. import { adder as sum, aglomerator as glob } from './myMathLib.mjs'; console.log( sum(1,2,3,4,5) ); // 15 console.log( glob(1,2,3,4,5) ); // 12345 Để bù cho chi phí này, bạn nên chuyển đổi các tập lệnh JavaScript của mình thành các mô -đun JavaScript. import * as trans from './myMathLib.mjs'; console.log( trans.PI ); // 3.14159265359 console.log( trans.E ); // 2.718281828459 console.log( trans.GAMMA ); // 0.577215 Nhập khẩu động không được phépNgoài các cải tiến hiệu suất, còn có một số lợi ích phụ khác khi sử dụng các mô -đun JavaScript, chẳng hạn như: import ... from someFunction(); // ERROR: may only import from "string" URL đầy đủ - Bắt đầu với HTTPS hoặc Tệp. if(some-condition) { import ...; // ERROR: can't import conditionally } { import ...; // ERROR: import is only allowed at the top level } Tài liệu tham khảo tệp tuyệt đối - Bắt đầu với /. Nhiều mục có thể được nhập trong cùng một dòngSử dụng các mô -đun JavaScript trong trình duyệtMimetype mới cho các mô -đun JavaScript Nhập các mô-đun tích hợp MarkLogicĐánh giá các biến với các mô -đun ES6 Điều gì làm cho một tệp JavaScript trở thành một mô -đun?Mimetype mới cho các mô -đun JavaScriptĐể hỗ trợ các chương trình mô -đun JavaScript, một máy chủ mới đã được tạo. Tất cả các URI mô -đun phải phù hợp với Mimetype mới:
Bạn có thể xem mô hình mới này bằng cách điều hướng đến UI của quản trị viên và chọn các mô hình từ ngăn Explorer. Phần mở rộng cho một URI mô -đun trong câu lệnh nhập có thể được bỏ qua. Khi URI mô -đun trong câu lệnh nhập không chứa tiện ích mở rộng, ánh xạ tiện ích mở rộng đến bất kỳ loại MIME nào ở trên phải được thêm vào để giải quyết mô -đun được chỉ định. Ví dụ: // myScript.js import { adder } from './myMathLib.mjs'; console.log( adder(1,2,3,4,5) ); => 155 Nhập các mô-đun tích hợp MarkLogicDựa trên các cân nhắc về hiệu suất, bạn nên nhập các mô -đun sau: jsearch.mjs thay vì jsearch.sjs. Optic.mjs thay vì quang.sjs Dưới đây là một ví dụ về nhập Optic.mjs: // myMathLib.mjs const PI = 3.14159265359; const E = 2.718281828459; const GAMMA = 0.577215; const reducer = (accumulator, currentValue) => accumulator + currentValue; // The following objects will remain private const G = 0.915965594177; const x = 0.110001000000000000000001; export function adder(arguments) { console.log('Grand Total: ', arguments); return arguments.reduce(reducer); } export { PI, E, GAMMA, reducer, adder, ... };0 Dưới đây là một ví dụ về việc nhập jsearch.mjs: // myMathLib.mjs const PI = 3.14159265359; const E = 2.718281828459; const GAMMA = 0.577215; const reducer = (accumulator, currentValue) => accumulator + currentValue; // The following objects will remain private const G = 0.915965594177; const x = 0.110001000000000000000001; export function adder(arguments) { console.log('Grand Total: ', arguments); return arguments.reduce(reducer); } export { PI, E, GAMMA, reducer, adder, ... };1 Đánh giá các biến với các mô -đun ES6Đôi khi bạn sẽ cần đánh giá một đoạn trích JavaScript từ trong một chương trình XQuery. Trước ES6, bạn có thể chỉ cần chuyển tên của các biến cần thiết dưới dạng bản đồ của các cặp chuỗi và giá trị. Chẳng hạn, được đưa ra chương trình sau: hello.sjs: // myMathLib.mjs const PI = 3.14159265359; const E = 2.718281828459; const GAMMA = 0.577215; const reducer = (accumulator, currentValue) => accumulator + currentValue; // The following objects will remain private const G = 0.915965594177; const x = 0.110001000000000000000001; export function adder(arguments) { console.log('Grand Total: ', arguments); return arguments.reduce(reducer); } export { PI, E, GAMMA, reducer, adder, ... };2 Bạn có thể gọi nó thông qua mã sau: // myMathLib.mjs const PI = 3.14159265359; const E = 2.718281828459; const GAMMA = 0.577215; const reducer = (accumulator, currentValue) => accumulator + currentValue; // The following objects will remain private const G = 0.915965594177; const x = 0.110001000000000000000001; export function adder(arguments) { console.log('Grand Total: ', arguments); return arguments.reduce(reducer); } export { PI, E, GAMMA, reducer, adder, ... };3 Trong các mô -đun ES6, cùng một mã sẽ phàn nàn về biến X không được xác định. Điều này là do trong ES6, các biến có sẵn dưới dạng các thuộc tính trên đối tượng toàn cầu import { adder, aglomerator } from './myMathLib.mjs'; console.log( adder(1,2,3,4,5) ); // 15 console.log( aglomerator(1,2,3,4,5) ); // 123452. Vì vậy, bạn sẽ cần phải viết lại mô-đun của mình theo cách sau: hello.mjs: // myMathLib.mjs const PI = 3.14159265359; const E = 2.718281828459; const GAMMA = 0.577215; const reducer = (accumulator, currentValue) => accumulator + currentValue; // The following objects will remain private const G = 0.915965594177; const x = 0.110001000000000000000001; export function adder(arguments) { console.log('Grand Total: ', arguments); return arguments.reduce(reducer); } export { PI, E, GAMMA, reducer, adder, ... };4 Và mã của bạn nhập mô -đun này sẽ trông như thế này: // myMathLib.mjs const PI = 3.14159265359; const E = 2.718281828459; const GAMMA = 0.577215; const reducer = (accumulator, currentValue) => accumulator + currentValue; // The following objects will remain private const G = 0.915965594177; const x = 0.110001000000000000000001; export function adder(arguments) { console.log('Grand Total: ', arguments); return arguments.reduce(reducer); } export { PI, E, GAMMA, reducer, adder, ... };5 Lưu ý rằng việc sử dụng import { adder, aglomerator } from './myMathLib.mjs'; console.log( adder(1,2,3,4,5) ); // 15 console.log( aglomerator(1,2,3,4,5) ); // 123453 và import { adder, aglomerator } from './myMathLib.mjs'; console.log( adder(1,2,3,4,5) ); // 15 console.log( aglomerator(1,2,3,4,5) ); // 123454 trong cuộc gọi chức năng. Đây là cách để tham chiếu các biến trong đối tượng toàn cầu import { adder, aglomerator } from './myMathLib.mjs'; console.log( adder(1,2,3,4,5) ); // 15 console.log( aglomerator(1,2,3,4,5) ); // 123452. Điều gì làm cho một tệp JavaScript trở thành một mô -đun?Một mô -đun trong JavaScript chỉ là một tệp chứa mã liên quan. Trong JavaScript, chúng tôi sử dụng các từ khóa nhập và xuất để chia sẻ và nhận các chức năng tương ứng trên các mô -đun khác nhau. Từ khóa xuất được sử dụng để tạo một biến, chức năng, lớp hoặc đối tượng có thể truy cập vào các mô -đun khác.a file containing related code. In JavaScript, we use the import and export keywords to share and receive functionalities respectively across different modules. The export keyword is used to make a variable, function, class or object accessible to other modules.a file containing related code. In JavaScript, we use the import and export keywords to share and receive functionalities respectively across different modules. The export keyword is used to make a variable, function, class or object accessible to other modules. Làm thế nào để bạn chuyển đổi một tệp javascript?Cách chuyển đổi JS thành HTML với phần mềm chuyển đổi tài liệu Doxillion... Tải xuống phần mềm chuyển đổi tài liệu Doxillion.Tải xuống phần mềm chuyển đổi tài liệu Doxillion..... Nhập tệp JS vào chương trình..... Chọn một thư mục đầu ra..... Đặt định dạng đầu ra..... Chuyển đổi JS thành HTML .. Làm cách nào để nhập tệp javascript?Nhập mặc định... Nhập MyDefault từ '/modules/my-module.js' ;. Nhập mydefault, * dưới dạng myModule từ '/modules/my-module.js';// MyModule.Default và MyDefault chỉ vào cùng một ràng buộc .. Nhập mydefault, {foo, thanh} từ '/modules/my-module.js' ;. Nhập {Mặc định là MyDefault} từ '/modules/my-module.js' ;. Các mô -đun JavaScript là gì?Các mô -đun JavaScript cho phép bạn chia mã thành các tệp riêng biệt.Điều này làm cho nó dễ dàng hơn để duy trì cơ sở mã.Các mô -đun JavaScript dựa vào báo cáo nhập và xuất.allow you to break up your code into separate files. This makes it easier to maintain the code-base. JavaScript modules rely on the import and export statements.allow you to break up your code into separate files. This makes it easier to maintain the code-base. JavaScript modules rely on the import and export statements. |