OperationMechanism.md

ToyReact Operation Mechanism

经过 webpack 中的 babel-loader 及其插件编译后，代码被转译成了一段由 eval 执行的内容为「source」的指令

eval(
  "__webpack_require__.r(__webpack_exports__);
  ... ___describe of function and class___ ...
  var a = ToyReact.createElement(\"div\", null, \"a\");
  var text = \"Hello ToyReact\";
  var MyComponet = function (_ToyReact$Component) { _inherits(MyComponet, _ToyReact$Component);
    var _super = _createSuper(MyComponet);
    function MyComponet() {
     _classCallCheck(this, MyComponet);return _super.apply(this, arguments);
    }
    _createClass(MyComponet,
      [
        {
          key: "render",
          value: function render() {
            return ToyReact.createElement(\"article\", null,
                      ToyReact.createElement(\"h1\", null, text),
                      ToyReact.createElement(\"p\", null, \"1\"),
                      ToyReact.createElement(\"div\", null, \"3\"),
                      a,
                      this.children,
                      true
                   );
        }
      ]
    );
    return MyComponet;
  }(ToyReact.Component);
  var myInstance = ToyReact.createElement(MyComponet, {
    name: \"self\",
    id: \"1\"
  }, ToyReact.createElement(\"div\", null, \"1\"));
  ToyReactDOM.render(myInstance, document.getElementById('root')"
);
//# sourceURL=webpack:///./index.js?");