繁体   English   中英

Javascript对象属性不在范围内

[英]Javascript object property not in scope

我似乎对对象的属性范围有疑问。 我想将每个Message对象的titlemessage属性输出到select元素,但是它不起作用 我做错了什么

<html><head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
    function Message(title, message) {
        this.title=title;
        this.message=message;
        this.getTitle = function(){
            return this.title;
        };
        this.getMessage = function(){
            return this.message;
        };
    }
    var messages = new Array(
        new Message("First Title", "This is the first message"),
        new Message("Second Title", "This is another message")
    );
    function updateSelect () {
        $("#cannedMessages_button").empty();
        for (c in messages) {
            // First try, with getters and setters
            $("#cannedMessages_button").append($('<option>', { value : c.getMessage() , text : c.getTitle() }));
            // Second try, directly
            $("#cannedMessages_button").append($('<option>', { value : c.message , text : c.title }));
        }
    }
    updateSelect();
});
</script>
</head><body>
<form><select id="cannedMessages_button"></select></form>
</body></html>

我可以验证foreach实际上正在运行两次迭代,但是我无法从对象中获取值。

不要for (c in messages )。

in是用于遍历对象的属性,而不是用于遍历数组中的值。

使用久经考验的真实

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

另外,您不会将getTitlegetMessage方法放在原型上,这是一种浪费。

js中for in循环的语法是:

for(var key in obj)
    {
        var currentElement = obj[key];
    }

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM