javascript - 如何使用 JQuery 从外部文件获取对象？

Question

我刚刚开始学习 JQuery，对此我有点迷失。

我想从外部文件检索一个对象，但我得到的一切都是该对象的视觉表示。

我正在阅读文档并发现 getScript: https://api.jquery.com/jQuery.getScript/

我的外部文件:

let mainSliderData = {
    img1: '../vendors/img/slide1/slider.gif',
    img2: '../vendors/img/slide1/slider.gif',
    img3: '../vendors/img/slide1/slider.gif',
    img4: '../vendors/img/slide1/slider.gif',
    img5: '../vendors/img/slide1/slider.gif',
    img6: '../vendors/img/slide1/slider.gif',
    img7: '../vendors/img/slide1/slider.gif',
}

script.js 文件:

$(document).ready(function(){
    $.getScript( "../../data/mainSliderData.js", function( data ) {
        console.log(typeof data );
        console.log( data ); 
    }) .fail(function( jqxhr, settings, exception ) {
        console.log('error:')
        console.log(exception)
    })
}) 

我想获取该对象，但是当我将答案记录到控制台时，我得到了:

如何从外部文件获取实际对象？

Answer 1

不要在 mainSliderData 文件中使用 let，而是使用 var，因为 let 的范围不允许您访问它。

然后您可以像 console.log(mainSliderData) 一样访问它。