jquery - preloadImages() 函数出错

Question

我有这个 javascript 函数来预加载图像:

function preloadImages() {
    var images = [];

    function preload() {
        for(var i = 0; i < preload.arguments.list; i++) {
            images[i] = new Image();
            images[i].src = preload.arguments[i];
        }
    }

    preload(
        "../img/innovation_1_hover.jpg",
        "../img/innovation_2_hover.jpg",
        "../img/innovation_3_hover.jpg",
        "../img/innovation_4_hover.jpg",
        "../img/innovation_5_hover.jpg"
    );
}
preloadImages();

但我收到错误:

Uncaught TypeError: 'caller' and 'arguments' are restricted function properties and cannot be accessed in this context.

怎么了？我该如何修复它？作为引用，我使用 Chrome。

Answer 1

更换您的

preload.arguments.list

with

arguments.length

function preloadImages() 
{
    var images = [];
    function preload() 
    {

        for(var i = 0; i <arguments.length; i++) 
        {

            images[i] = new Image();
            images[i].src = preload.arguments[i];
            console.log(images[i]); // for testing
        }
    }
    preload(
        "../img/innovation_1_hover.jpg",
        "../img/innovation_2_hover.jpg",
        "../img/innovation_3_hover.jpg",
        "../img/innovation_4_hover.jpg",
        "../img/innovation_5_hover.jpg"
    );
}
 preloadImages();