JavaScript反混淆插件二:MemberExpression和ObjectProperty key值Literal化

                                      前言               

有时候拿到一份混淆的源代码时，同一个方法的调用，有些表达式是这样的:

String.fromCharCode

  

有些表达式却是这样的:

String["fromCharCode"]

  

这样在处理的时候，就要判断节点的类型，否则可能漏处理相关的表达式。因此，需要一个插件将这种形式统一化，处理起来方便。

正好，babel库官方的有个这样的插件来进行统一。

插件功能

规范MemberExpression类型的property节点和ObjectProperty类型的key节点，使其统一化，全部转变为StringLiteral节点，方便处理。

处理实例

处理前:

       var a = b.length;
       var foo = {
         bar: function () {},
       }
   
  

处理后:

       var a = b["length"];
       var foo = {
        "bar": function () {}
       };
   
  

插件来源

官方插件 plugin-transform-member-expression-literals 

和 plugin-transform-property-literals，

略有修改，地址:

       https://babeljs.io/docs/en/babel-plugin-transform-member-expression-literals
       https://babeljs.io/docs/en/babel-plugin-transform-property-literals
   
  

插件源码

下面的源码参考了官方的插件，略有修改，进行了合并。

       const types = require("@babel/types");
       const member_property_literals = {
         MemberExpression:
         {
       exit({node})
        {
       const prop = node.property;
       if (!node.computed && types.isIdentifier(prop))
        {
        node.property = types.StringLiteral(prop.name);
        node.computed = true;
        }
        }
         },
         ObjectProperty:
         {
       exit({node})
        {
       const key = node.key;
       if (!node.computed && types.isIdentifier(key))
        {
        node.key = types.StringLiteral(key.name);
        }
        }
         },
       }
   
  

插件原理

通过在线解析网站进行类型的对比，把有差异的地方更改即可。

这里举个例子说明一下:

var a = b.length;

  

这段代码解析是这样的:

而

var a = b["length"];

  

解析是这样的:

差异如下:

       1.computed的值不一样
       2.property节点的类型不一样。
   
  

可以很明显的看出需要处理的地方一目了然，先判断特征，再写代码就很容易了。

注意事项

此插件会导致我们在调用path.evaluate方法遍历MemberExpression节点时失效。不过我们可以更改源代码让其成功。修改的方法也很简单，加几行代码即可。