如何将新实例添加到数组中？答案

【问题标题】：How to add new instances to an array?如何将新实例添加到数组中？
【发布时间】：2014-01-25 22:32:04
【问题描述】：

我正在尝试创建一个页面，用户可以在其中输入 url 和一些文本（如图像标题），当他们单击按钮时，url 和文本将被添加到一个空数组中（可以通过不同的脚本并发布在页面上）。我的问题是如何为此编写函数和/或数组？下面我的代码中有什么错误，我该怎么做才能修复它？谢谢！

<script>           
        var annotatedImageArray = new Array();

        var imageInput = document.getElementById("imageInput");
        var image = imageInput.value;
        var captionInput = document.getElementById("captionInput");
        var caption1 = captionInput.value;
        annotatedImageArray.push({url:image, caption:caption1});
 </script>

<body>
  <input type="text" size="30" id="imageInput" placeholder="Enter URL">
  <input type="text" size="30" id="captionInput" placeholder="Enter Caption">
  <input type="button" value="Add Image" onclick=""/>
</body>

【问题讨论】：

标签： javascript arrays function

【解决方案1】：

你可以试试这样：
（你可以在这里玩玩：http://jsfiddle.net/marcelow/NdAkz/）

<script>
    (function(window) {
        window['annotatedImageArray'] = [];
        window['addImage'] = function() {
            var imageInput = document.getElementById("imageInput");
            var image = imageInput.value;
            var captionInput = document.getElementById("captionInput");
            var caption1 = captionInput.value;
            annotatedImageArray.push({url:image, caption:caption1});
        }
    })(window);
</script>
<body>
  <input type="text" size="30" id="imageInput" placeholder="Enter URL">
  <input type="text" size="30" id="captionInput" placeholder="Enter Caption">
  <input type="button" value="Add Image" onclick="addImage();"/>
</body>

【讨论】：

什么是窗口，它有什么作用？我以前没见过。
window 是全局上下文。在 window 对象中声明变量 annotatedImageArray 和函数 addImage 就像全局声明它们一样