javascript - babel-runtime 不适用于实例方法

Question

我理解 babel-runtime 和 babel-polyfill 之间的区别，前者不填充全局范围，而后者填充。我认为 babel-runtime 更安全，但我不明白这意味着什么以及它对我有何影响:

NOTE: Instance methods such as "foobar".includes("foo") will not work since that would require modification of existing built-ins (Use babel-polyfill for that).

据我所知，实例方法类似于 map、filter、reduce，因为它们是在现有对象上调用的。哪个例子不会被 babel-runtime 优化？ :

//1
['aa', 'bb', 'cc'].forEach(console.log);

//2
const arr = ['aa', 'bb', 'cc'];
arr.forEach(console.log);

//3
const entries = Object.entries(someObj).filter(([key, value]) => key.startsWith('hello'));

//4
const map = new Map();

//5
var s = new Set(["foo", window]);
Array.from(s);   

如何准确识别实例方法？

我将项目中的 babel-polyfill 替换为 babel-runtime，因为它应该更好，但现在我不确定使用什么是安全的。

Answer 1

Here解释 Javascript 中的静态方法与实例方法的链接。

基本上:

class SomeClass {
   instancMethod() {
    return 'Instance method has been called';
   }

   static staticMethod() {
     return 'Static method has been called';
   }
}
// Invoking a static method
SomeClass.staticMethod(); // Called on the class itself
// Invoking an instance method 
var obj = new SomeClass();
obj.instanceMethod(); // Called on an instance of the class

ES5 中的等价物是这样的:

function SomeClass() {
   this.prototype.instanceMethod = function() {
      return 'Instance method has been called';
   }
}
SomeClass.staticMethod = function() {
   return 'Static method has been called';
}
// And the invocations:
SomeClass.staticMethod();
new SomeClass().instanceMethod();

例如，当您在 IE11 中使用 babel-polyfill 时，会定义所有不存在的 ES2015+ 方法，例如 Array.from(静态方法)或 String.prototype.repeat(实例方法)等方法。就像你说的那样，这会污染全局状态，但实例方法如下:

myInstanceObj.repeat(4)

如果 myInstanceObj 的类型具有 repeat 方法，则将起作用。如果在运行时 myInstanceObj 是一个字符串并且您包含了 babel-polyfill，那就太好了。但是如果你使用 babel-runtime 在转译时知道 myInstanceObj 类型的类型(当 babel 转换你的代码时，为了知道如何转换，以及调用什么方法而不是重复方法)有时会很棘手/不可能，这就是为什么像上面那样的实例方法有时很难被 babel-runtime && transform-runtime 插件转换。

另一方面，代码如下:

Array.from([1, 2, 3], x => x + x);

真的很容易转换，我们在转译时知道 Array.from 是对象 Array 的方法，所以在 IE11 中我们将使用任何东西代替它......在这里放代码......

如果我们正在使用 babel-polyfill，这个方法已经存在了，因为全局范围已经被污染添加这个方法，所以一切都很好。这完全取决于您的需求。