升级到Babel7后,无法直接引用实例方法,如Array.concat,需要修改成Array.prototype.concat

问题描述

升级babel7后发现代码里实例方法相关无法直接使用,比如Array.concat,需要修改成Array.prototype.concat,有没有合适的解决的方法。

相关代码

babel改动如下

// package.json
"dependencies": {
    "@babel/runtime": "^7.17.2",
    "core-js": "^3.21.1"
}
"devDependencies": {
  "@babel/core": "^7.17.5",
  "@babel/plugin-transform-runtime": "^7.17.0",
  "@babel/preset-env": "^7.16.11",
  "babel-loader": "^8.2.3"
}
// babel.config.js
module.exports = {
  presets: [
    [
      "@babel/preset-env",
      {
        "useBuiltIns": "usage",
        "corejs": {
          version: 3,
          proposals: true
        }
      }
    ]
  ],
  plugins: [
    [
      "@babel/plugin-transform-runtime"
    ]
  ]
}

babel源代码
core-js/stable/array/cancat.js

var parent = require('../../es/array/concat');
module.exports = parent;

core-js/es/array/concat.js

require('../../modules/es.array.concat');
var entryUnbind = require('../../internals/entry-unbind');
module.exports = entryUnbind('Array', 'concat');

core-js/internals/entry-unbind.js

var global = require('../internals/global');
var uncurryThis = require('../internals/function-uncurry-this');

module.exports = function (CONSTRUCTOR, METHOD) {
  return uncurryThis(global[CONSTRUCTOR].prototype[METHOD]);
}

疑问点

看了源代码,的确是挂在prototype上的,难道升级Babel7后,需要全局搜索实例方法,然后全都替换?我查了babel官方文档也没有提到这一点,很疑惑其他升级的人是怎么解决这个问题的。

阅读 844
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏