javascript - String.prototype 导致循环提前退出

Question

我定义了一个名为clean的 String.prototype 方法

String.prototype.clean = function() {       
        clean = new Array();
        tokens = [
            ['&', '&'],
            ['"', '"'],
            ["'", '''],
            ['<', '&lt;'],
            ['>', '&gt;']
        ];
        for(i = 0; i < this.length; i++) {      
            s = this[i];

            for(a = 0; a < tokens.length; a++) {
                if(tokens[a][0] == s) {
                    s = tokens[a][1];
                    break;
                }
            }

            clean.push(s);          

        }

        str =  clean.join("");
        return str;
    }

在循环中调用时它似乎可以工作，如下所示:

str = ["<script>", "<", ">"];
    for(i = 0; i < 3; i++) {
        console.log(str[i].clean());
    }

for 循环在第一次调用 clean() 后中断，控制台如下所示:

[2/20/2014 8:19:26 PM] <script> 

为什么会发生这种情况，我在这里做错了什么？

输出除外:

<script>
<
>

Answer 1

你有:

str = ["<script>", "<", ">"];
for(i = 0; i < 3; i++) {
    console.log(str[i].clean());
}

执行时创建一个全局变量i。然后你就有了:

String.prototype.clean = function() {     
    ...
    for(i = 0; i < this.length; i++) {      
    ...
}

它修改全局i的值。始终通过使用 var 声明来将变量保留在适当的上下文中，例如:

for (var i = 0; ...; ...) {