编译的JavaScript简介
基本上，JavaScript是客户端和解释语言，不是一种编译时的语言；它提前工作，而且还创建了一个新的文件，其中包含机器代码翻译到用户输入数据的文件中，一般有两种方式，我们可以将JavaScript代码翻译成机器代码，如果代码要被编译，那么机器必须更好地理解代码开始运行，这使得代码执行速度更快，以后需要一些时间才能在这个过程中使用前面。
编译的JavaScript的语法
JavaScript代码也是解释语言，并在浏览器的帮助下进行调试。JavaScript有默认的JVM，叫做JavaScript虚拟机，用于将JavaScript代码编译成机器代码。使用WebAssembly技术调试的JavaScript代码如下。
<html>
<head>
<script>
function name()
{
var v=new Worker(“.js”);//Worker is the default WebAPI here we created the instance and utilizes in the WebAssembly compile() method
---some javascript logics---
WebAssembly.compile(variablename)
v.postMessage(variablename) // postMessage() is the default function which has been received the byte codes with the help of Worker API.
}
</script></head>
<body>
---some html codes which depends on the user needs---
</body></html>
我们都知道上面的代码是JavaScript语言的基本语法，我们都使用过的函数或没有函数；这取决于开发者的前景。我们也可以将JavaScript代码写成一个单独的文件，然后将其添加到上述html中，作为同一个标签元素，称为
在JavaScript中是如何编译的？
- JavaScript不是一种编译语言；它是一种解释器语言。它主要是在网页上运行，也就是在浏览器的内部；它也在服务器端环境中运行。基本上，JavaScript运行在JavaScript控制台；它也帮助我们更快速地查看代码中的结果。像C、C++、java等，这些都是一些类型的编译语言，所以它们有自己预定的编译器来编译它们的代码。
- 但是在JavaScript中，在 "WebAssembly "的帮助下，也就是它的用户将在浏览器中与JS代码进行交互，只有特定类型的语言可以被编译成LLVM的字节码。因此，我们可以使用JS代码，而不是写c代码；这将是一个更好的方法，以某种方式将JS翻译成WebAssembly的格式。WebAssembly已经使用了许多语言，这些语言将被允许在网络webassembly中有文件格式的编译。一旦它加载到浏览器的缓存中，它可以比其他相应的JavaScript源代码表现得更快，但差异较小。如果假设我有一个js文件，必须用webassembly在浏览器中编译一次。
- WebAssembly有一个默认的方法叫compile()，也就是WebAssembly.compile()方法，它将把WebAssembly的二进制代码编译成WebAssembly.Moduleobject。Worker也是Web Workers API中使用的接口，它可以在脚本代码中创建，并将信息发回给用户。与只在现代浏览器中运行的JavaScript相比，WebAssembly代码的尺寸很小。还请注意，Webassembly语言并不是JavaScript的替代品，它是基于网络语言的编译平台之一。
- 但在某些情况下，webassembly会取代JavaScript，但没有JavaScript代码就无法构建网络应用。我们可以在webassembly中用JavaScript调用dom（文档对象模型），所以它可以访问任何web api。因为webassembly的方法是通过JavaScript的方式来使用的，它有助于提高性能，并为网络开发者提供新的功能。
编译的JavaScript的例子
下面是编译后的JavaScript的例子。
例子#1
代码:
<!DOCTYPE html>
<html>
<head>
<title>Example</title>
<style>
{{{styles.normalize}}}
{{{styles.sakura}}}
{{{styles.index}}}
</style>
</head>
<body>
<p>
Welcome To My Domain
</p>
<blockquote>
<p class="label">Have a Nice day</p>
<p>
Good day Welcome User
<a
target="_blank"
rel="noopener"
href="examplesList.js">Please click the Option
</a>
</p>
</blockquote>
<script type="text/javascript">
{{{js.examplesList}}}
</script>
</body>
</html>
import wasmInit from "first.js";
const demo = async () => {
const r = await wasmInit(
"./wasm/first.wasm"
);
r.console_log_from_wasm();
};
demo();
输出:
例子 #2
代码:
<!DOCTYPE html>
<html>
<style>
.sample {
src: url('WWW.facebook.com');
font-family:'MutatorSans';
font-style: normal;
}
</style>
</head>
<body bgcolor="green">
<div class="sample">
<p>
Welcome To My Domain
</p>
</div>
<blockquote>
<p class="sample">Have a Nice day</p>
<p>
Good day Welcome User
<a
target="_blank"
rel="noopener"
href="examplesList.js">Please click the Option
</a>
</p>
</blockquote>
<script type="text/javascript">
{{{js.examplesList}}}
</script>
</body>
</html>
import wasmInit from "first.js";
const demo = async () => {
const r = await wasmInit(
"./wasm/first.wasm"
);
r.console_log_from_wasm();
};
demo();
输出:
例子 #3
代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Welcome To My Domain</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<h1>Welcome To My Domain</h1>
<script src="scripts.js"></script>
</body>
</html>
let square;
async function loadWebAssembly(files) {
const r = await fetch(files);
const b = await r.arrayBuffer();
const m = await WebAssembly.compile(b);
return new WebAssembly.Instance(m);
};
loadWebAssembly('square.wasm')
.then(ins => {
square = ins.exports._Z7squarei;
console.log('Finished compiling!Thanks Your Response');
});
输出:
在上面的三个例子中，我们看到网页程序集代码和JavaScript代码在默认的编译和loadWebAssembly()方法的帮助下，将被用来处理用户操作以及网页应用程序的性能。当我们看到第一个例子时，我们简单地使用了Web汇编和HTML与JavaScript代码。它将浏览网页；然后，同样的例子，我们使用了CSS样式，所以网页组件的表现形式被接受，而JavaScript的最后一个例子我们使用了调试选项，输出显示在浏览器本身。
总结
在JavaScript中，我们使用的webassembly技术是一个基于网络的平台，所以它可以用于所有的网络语言和应用程序，也可以像桌面应用程序一样在独立的应用程序中工作。它的设计和补充是与脚本一起使用JavaScript中的默认API。
