详解如何让JavaScript代码不可断点

下面我将详细讲解如何让JavaScript代码不可断点的完整攻略。

方案一：运行时自动压缩代码

运行时自动压缩代码是一种能够让 JavaScript 代码不可打断的方法。具体实现方式是在代码运行前进行压缩并加密，这样就可以有效避免代码被恶意拆解破解。

以下是实现方法：

1. 安装需要的工具

首先需要下载安装 UglifyJS2 模块，该模块可以将普通的 JavaScript 代码压缩成一行并且变量名被混淆的代码。

npm install uglify-js --save-dev

1. 配置构建任务

在项目中的构建任务中，添加以下代码来自动压缩和加密代码，并保存结果到文件中。

const fs = require('fs');
const UglifyJS = require('uglify-js');
let code = fs.readFileSync('index.js', 'utf-8');
code = UglifyJS.minify(code, { mangle: { toplevel: true } }).code;
fs.writeFileSync('build/index.min.js', code);

这段代码会读取 index.js 文件中的代码，然后将其压缩、加密，并保存到 build/index.min.js 文件中。这样就完成了在构建时自动压缩代码的操作。

方案二：使用 Source Map

另外一个让 JavaScript 代码不可断点的方法是使用 Source Map。这种方法与方案一不同，它通过将代码与文本映射起来，使得在经过转换后的代码被执行时，可以将源代码的行数和列数还原出来。

以下是实现方法：

1. 在源代码中添加 Source Map

使用 source-map 模块将源代码与 Source Map 映射起来。

const fs = require('fs');
const SourceMap = require('source-map');
let rawCode = fs.readFileSync('index.js', 'utf-8');
let code = UglifyJS.minify(rawCode).code;
let map = new SourceMap.SourceMapGenerator({ file: 'build/index.min.js.map' });
let result = UglifyJS.minify(rawCode, {
    output: { source_map: map },
    sourceMap: { filename: 'build/index.min.js.map' }
});
fs.writeFileSync('build/index.min.js', code);
fs.writeFileSync('build/index.min.js.map', JSON.stringify(map.toJSON()));

这段代码会读取 index.js 文件，然后使用 UglifyJS.minify 将其压缩、混淆。然后创建一个 Source Map，将压缩后的代码与原始代码映射起来，并将映射结果写入到文件 build/index.min.js.map 中。

1. 使用 Source Map 调试压缩后的代码

在浏览器中开启 “Disable JavaScript” 选项，然后在浏览器中打开压缩后的代码，即可看到使用 Source Map 映射后的源代码，并且源代码不可打断。

以上就是在 JavaScript 中让代码不可断点的两种方法。如果需要利用这种方法保护 JavaScript 代码，可以根据具体需求选择其中之一。