标签：traverse const babel require binding let 还原 数组

const parser = require("@babel/parser");
const traverse = require("@babel/traverse").default;

// 将js代码转换成AST
// const { parse } = require("@babel/parser");
// 用来遍历AST中的节点
// const traverse = require("@babel/traverse").default;
// AST转换成js
const generator = require("@babel/generator").default;
// 用来判断节点类型和生成新的节点
const types = require("@babel/types");


const jscode = `

var a = [1,2,3,[1213,234],{"code":"666"},window];
b = a[1] + a[2] + a[3];
c = a[4];
d = a[5];

`;
let ast = parser.parse(jscode);



const replaceArrayElements =
{//数组还原
    VariableDeclarator(path) {
        let { node, scope } = path;
        let { id, init } = node;
        if (!types.isArrayExpression(init)) return;

        const binding = scope.getBinding(id.name);
        if (!binding || !binding.constant) {
            return;
        }

        for (let referPath of binding.referencePaths) {
            let { node, parent } = referPath;
            if (!types.isMemberExpression(parent, { object: node }) || !types.isNumericLiteral(parent.property)) {
                return;
            };
        }

        for (let referPath of binding.referencePaths) {
            let { parent, parentPath } = referPath;
            let index = parent.property.value;
            parentPath.replaceWith(init.elements[index]);
        }
        path.remove();
    },
}

traverse(ast, replaceArrayElements);


let { code } = generator(ast);

console.log(code);

标签：traverse,const,babel,require,binding,let,还原,数组
来源： https://www.cnblogs.com/angdh/p/15757916.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。