我有以下语法。我是 ES6 语法的新手。
const renderLoading = () => Array(20).fill('').map(() => <ExpampleLine/>);
Internet Explorer 不支持 fill() 命令。是否有单独的 fill() 解决方法,或者我应该重写整个语法。需要一些语法方面的帮助。
我有以下语法。我是 ES6 语法的新手。
const renderLoading = () => Array(20).fill('').map(() => <ExpampleLine/>);
Internet Explorer 不支持 fill() 命令。是否有单独的 fill() 解决方法,或者我应该重写整个语法。需要一些语法方面的帮助。
使用 polyfill:
if (!Array.prototype.fill) {
Object.defineProperty(Array.prototype, 'fill', {
value: function(value) {
// Steps 1-2.
if (this == null) {
throw new TypeError('this is null or not defined');
}
var O = Object(this);
// Steps 3-5.
var len = O.length >>> 0;
// Steps 6-7.
var start = arguments[1];
var relativeStart = start >> 0;
// Step 8.
var k = relativeStart < 0 ?
Math.max(len + relativeStart, 0) :
Math.min(relativeStart, len);
// Steps 9-10.
var end = arguments[2];
var relativeEnd = end === undefined ?
len : end >> 0;
// Step 11.
var final = relativeEnd < 0 ?
Math.max(len + relativeEnd, 0) :
Math.min(relativeEnd, len);
// Step 12.
while (k < final) {
O[k] = value;
k++;
}
// Step 13.
return O;
}
});
}
此处提供:https : //developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Array/fill?v=example#Polyfill
这是一个符合 TypeScript 的变体:
if (!Array.prototype.fill) {
Object.defineProperty(Array.prototype, 'fill', {
value: function(value) {
if (this == null) {
throw new TypeError('this is null or not defined');
}
const O = Object(this);
// tslint:disable-next-line:no-bitwise
const len = O.length >>> 0;
const start = arguments[1];
// tslint:disable-next-line:no-bitwise
const relativeStart = start >> 0;
let k = relativeStart < 0 ?
Math.max(len + relativeStart, 0) :
Math.min(relativeStart, len);
const end = arguments[2];
// tslint:disable-next-line:no-bitwise
const relativeEnd = end === undefined ? len : end >> 0;
const final = relativeEnd < 0 ?
Math.max(len + relativeEnd, 0) :
Math.min(relativeEnd, len);
while (k < final) {
O[k] = value;
k++;
}
return O;
}
});
}