扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
这篇文章主要介绍“如何使用babel混淆js代码修改变量名与自定义函数名”,在日常操作中,相信很多人在如何使用babel混淆js代码修改变量名与自定义函数名问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”如何使用babel混淆js代码修改变量名与自定义函数名”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!
迁西网站建设公司创新互联公司,迁西网站设计制作,有大型网站制作公司丰富经验。已为迁西上1000+提供企业网站建设服务。企业网站搭建\成都外贸网站建设公司要多少钱,请找那个售后服务好的迁西做网站的公司定做!
// 全局变量 let name = 'someone'; // 自定义函数, 局部变量 function greet(name) { // 系统函数调用, 局部变量使用 console.log('hello ' + name); } // 自定义函数调用, 全局变量使用 greet(name);
let _$5K = 'someone'; function _$h9(_$dU) { console.log('hello ' + _$dU); } _$h9(_$5K);
@babel/parser
生成的ast(抽象语法树)有一个属性: scope
(作用域)scope.bindings
保存当前作用域下所有定义的变量scope.bindings[变量名].referencePaths
记录变量被引用的路径(表达式...)
思路: 生成随机字符串 作为新变量名, 替换scope.bindings
, scope.bindings[].referencePaths
const parser = require('@babel/parser') const traverse = require('@babel/traverse').default const generator = require('@babel/generator') const codeStr = require('./code.js') // 导入上面的js代码 // 生成随机字符串 function randomString(len) { len = len || 2; const chars = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ' // 变量名不能用数字开头, 加个前缀 let s = '_$'; for (let i = 0; i < len; i++) { s += chars.charAt(Math.floor(Math.random() * chars.length)) } return s; } // 记录已改过的作用域 let scopeRecord = {}; // 替换作用域内变量 function replaceScopeVarsName(path) { // 防止重复修改 if (scopeRecord[path.scope.uid]) return; for (let i in path.scope.bindings) { let item = path.scope.bindings[i] // 变量名应该唯一, 这里用随机字符凑合一下 let newName = randomString() // 替换变量名 item.identifier.name = newName // 替换引用 item.referencePaths.forEach(function(refItem) { refItem.node.name = newName; }) } scopeRecord[path.scope.uid] = true } let ast = parser.parse(codeStr) // 将代码转换成ast(抽象语法树) // 遍历修改ast traverse(ast, { VariableDeclaration(path) { replaceScopeVarsName(path) }, FunctionDeclaration(path){ replaceScopeVarsName(path) } }) let { code } = generator.default(ast) // 将ast转换成代码, 混淆后的代码
系统函数的替换 (如: console.log, Math etc..)
控制流平坦化
到此,关于“如何使用babel混淆js代码修改变量名与自定义函数名”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注创新互联网站,小编会继续努力为大家带来更多实用的文章!
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流