问题描述

JavaScript找不到已经定义的函数

 ready: function() {
        setup();
        function setup() {
            for(i=0;i<s.length-1;i++)  {
                var j = i+1;
                document.getElementById(s[i]).onchange = new Function("change("+ j +")");//这里有个change，但是这个change为什么提示说找不到
            }
            change(0);//而这个change可以正常使用
        }
        function change(v) {
           //里面的代码是次要的，为什么s[i]内容改变触发onchange后找不到定义好的change呢？
        }
    },

错误提示：Uncaught ReferenceError: change is not defined
请问老师改如何修改能让onchange触发后找到change函数,谢谢。

解决方案

为什么？
我看你没用库，你应该了解点原生的js，有个很重要的概念叫执行环境：一个函数进入到执行环境中会初始化一些东西，包括this和arguments。注意
这个初始化，它依赖的是函数的执行环境，可以联系call和apply来理解。那么问题来了，你给onchange绑定一个函数，这个函数到element-change的
时候才会执行，它执行的时候你上面这段代码早已经不在运行环境中了,这个change的函数要到哪里去找？
解决办法：
1.全局环境不会被销毁，用window.change = change将函数挂在全局上。
2.用一个匿名函数包装：

 document.getElementById(s[i]).onchange = function(){ change("+ j +") };

解决方案二：

javascript：两种注释，声明变量，定义函数。
JavaScript中函数的定义
JavaScript中定义回调函数

解决方案三：

 document.getElementById(s[i]).onchange = new Function("change("+ j +")");
->
document.getElementById(s[i]).onchange = function(j) { change(j); };