blog

webpackを書く

問題があれば答えを見つけなければなりませんし、問題がなければ答えを見つける必要はありません。 ご覧のように、bable変換の後にはexports["default"]があります。これにより、レイヤーご...

Nov 14, 2020 · 1 min. read

Js

問題

疑問があるときにこそ、答えを探す必要があるのであって、疑問がなければ、探す必要はまったくないということです。

ブラウザでコードを実行するには?

({}を使用)ただし、ここではまず以下のようなベーブル変換を行います:

{0: [function(require, module, exports) {
 "use strict";
var _a = _interopRequireDefault(require("./a.js"));
var _b = _interopRequireDefault(require("./b.js"));
var _c = _interopRequireDefault(require("./c.js"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
(0, _a["default"])();
(0, _b["default"])();
(0, _c["default"])();
 },
 {"./a.js":1,"./b.js":2,"./c.js":3}],1: [function(require, module, exports) {
 "use strict";
Object.defineProperty(exports, "__esModule", {
 value: true
});
exports["default"] = void 0;
var _default = function _default() {
 console.log("a");
};
exports["default"] = _default;
 }

ご覧のように、ベーブル変換の後、exports["default"]を持つようになります。これにより、レイヤーごとに再帰を実行し続けることができます。

Read next

プロトタイプとプロトタイプ・チェイニング

JS では、関数のデータ型が定義されるたびに、関数のプロトタイプオブジェクトを指す prototype 属性が生まれ、この属性はオブジェクトのデータ型の値になります。 プロトタイプ・オブジェクトは、同じクラスのすべてのインスタンスがアクセスできるパブリック領域に相当し、オブジェクトに共通する内部的な目的に使用できます...

Nov 14, 2020 · 2 min read