js怎么不被人看到

使用JavaScript不被人看到的方法包括：代码混淆、代码压缩、在服务器端执行、使用WebAssembly。 其中，代码混淆是最常用的方法之一，可以通过将可读性高的代码转换为难以理解的代码，从而使得别人难以逆向工程。

代码混淆是将代码中的变量名、函数名以及代码结构进行改变，使得代码仍然能正常运行，但却难以理解。混淆后的代码会包含大量的无意义字符和复杂的结构，这样即使别人获取到了代码，也很难理解其原理。实现代码混淆的工具有很多，如UglifyJS、JavaScript Obfuscator等。

一、代码混淆

1、什么是代码混淆

代码混淆是通过改变代码的结构和标识符，使其难以理解但仍然功能正常的技术。混淆后的代码会变得极其复杂，从而增加了逆向工程的难度。主要方法包括替换变量名、函数名，插入无用代码，以及改变代码的逻辑结构。

2、如何进行代码混淆

使用代码混淆工具可以快速实现代码混淆，如UglifyJS、JavaScript Obfuscator等。以下是使用UglifyJS进行代码混淆的基本步骤：

安装UglifyJS：
```
npm install -g uglify-js
```

使用UglifyJS进行代码混淆：

uglifyjs yourfile.js -o yourfile.min.js -m

混淆后的代码将包含大量难以理解的字符和结构，从而增加了代码被逆向工程的难度。

3、代码混淆的优缺点

优点：

提高代码安全性：混淆后的代码难以被逆向工程，保护了代码的知识产权。
减少代码体积：混淆通常伴随着代码压缩，减少了代码体积，提高了加载速度。

缺点：

调试困难：混淆后的代码难以阅读和调试，增加了开发和维护的难度。
性能影响：过度混淆可能影响代码性能，尤其是在复杂应用中。

二、代码压缩

1、什么是代码压缩

代码压缩是通过移除代码中的空格、注释和其他不必要的字符，以减少代码体积的技术。压缩后的代码不仅加载速度更快，而且也增加了一定的阅读难度，从而起到保护代码的作用。

2、如何进行代码压缩

使用代码压缩工具可以快速实现代码压缩，如UglifyJS、Terser等。以下是使用Terser进行代码压缩的基本步骤：

安装Terser：
```
npm install terser -g
```
使用Terser进行代码压缩：
```
terser yourfile.js -o yourfile.min.js
```

压缩后的代码将减少不必要的字符，提高加载速度，同时也增加了代码的难以阅读性。

3、代码压缩的优缺点

优点：

提高加载速度：压缩后的代码体积更小，加载速度更快，提升了用户体验。
增加保护性：压缩后的代码难以阅读，增加了一定的保护作用。

缺点：

调试困难：压缩后的代码难以阅读和调试，增加了开发和维护的难度。
功能有限：代码压缩主要是减少体积，保护性不如代码混淆。

三、在服务器端执行

1、什么是服务器端执行

服务器端执行是将JavaScript代码在服务器端运行，而不是在客户端浏览器中运行。这样，用户无法直接访问到JavaScript代码，只能通过服务器端的接口进行交互。

2、如何实现服务器端执行

使用Node.js可以实现JavaScript代码在服务器端运行，以下是一个基本的示例：

安装Node.js：
```
npm install -g node
```

创建一个Node.js服务器：

const http = require('http');
const server = http.createServer((req, res) => {
    res.writeHead(200, {'Content-Type': 'text/plain'});
    res.end('Hello, world!n');
});
server.listen(3000, '127.0.0.1', () => {
    console.log('Server running at http://127.0.0.1:3000/');
});

将JavaScript代码放在服务器端运行，用户只能通过接口获取数据，而无法直接看到代码。

3、服务器端执行的优缺点

优点：

高度安全性：用户无法直接访问代码，只能通过接口进行交互，极大地提高了代码的安全性。
高性能：服务器端执行可以利用服务器的高性能硬件，提高代码的执行效率。

缺点：

复杂性增加：需要搭建和维护服务器，增加了开发和运维的复杂性。
延迟增加：客户端和服务器之间的通信增加了延迟，可能影响用户体验。

四、使用WebAssembly

1、什么是WebAssembly

WebAssembly（简称Wasm）是一种可以在现代浏览器中运行的高效二进制格式。它允许开发者使用多种编程语言编写代码，并将其编译为高效的二进制格式，从而在浏览器中运行。

2、如何使用WebAssembly

使用WebAssembly编写和运行代码的基本步骤如下：

编写WebAssembly代码（例如使用C语言）：

int add(int a, int b) {
    return a + b;
}

编译为WebAssembly：
```
emcc add.c -o add.wasm
```

在JavaScript中加载和运行WebAssembly：

fetch('add.wasm').then(response =>
    response.arrayBuffer()
).then(bytes =>
    WebAssembly.instantiate(bytes)
).then(results => {
    console.log(results.instance.exports.add(1, 2)); // 输出3
});

3、WebAssembly的优缺点

优点：

高效性能：WebAssembly代码以二进制格式运行，比传统JavaScript更高效。
跨语言支持：支持多种编程语言，方便开发者使用最熟悉的语言编写代码。
增加保护性：二进制格式的代码难以逆向工程，提高了代码的安全性。

缺点：

学习成本：需要学习新的编译和运行流程，增加了学习成本。
浏览器兼容性：虽然现代浏览器都支持WebAssembly，但仍需考虑部分旧浏览器的兼容性问题。

通过以上几种方法，可以有效地保护JavaScript代码不被人轻易看到。代码混淆和压缩是最常用的手段，虽然它们不能完全防止代码被逆向工程，但能大大增加破解的难度。在服务器端执行和使用WebAssembly则提供了更高的安全性，但也增加了复杂性和学习成本。根据具体需求选择合适的方法，可以在保护代码的同时，保证系统的性能和可维护性。

js怎么不被人看到

一、代码混淆

1、什么是代码混淆

2、如何进行代码混淆

3、代码混淆的优缺点

二、代码压缩

1、什么是代码压缩

2、如何进行代码压缩

3、代码压缩的优缺点

三、在服务器端执行

1、什么是服务器端执行

2、如何实现服务器端执行

3、服务器端执行的优缺点

四、使用WebAssembly

1、什么是WebAssembly

2、如何使用WebAssembly

3、WebAssembly的优缺点

相关问答FAQs：