js 大佬的困惑:jquery 脚本报错了
在编写一个 jquery 脚本时,一位资深开发人员却意外地遇到了错误。脚本代码如下:
<!doctype html> <html ng-app="app"> <head> <script src="http://code.jquery.com/jquery-latest.js"></script> <script> $(function () { var temp = new a(); temp.b(); }) var a = function () { var b = function () { alert(1); } } </script> </head> </html>
登录后复制
困惑的开发人员尝试运行脚本,却收到了一条错误消息。经过一番仔细检查,他无法查明问题出在哪里。
答案:匿名函数的 scope
经过仔细分析,问题的根源在于对匿名函数 scope 的误解。在给出的代码中,匿名函数 b 被定义在函数 a 的内部。但是,该函数不是作为 a 的方法创建的,而是一个独立的函数。
这意味着当实例化 a 时,匿名函数 b 无法作为 a 的方法使用。因此,调用 temp.b() 会导致错误,因为 temp 没有 b 方法。
正确的写法
为了解决这个问题,需要将匿名函数 b 绑定到 this 关键字,以便它成为 a 的方法。正确的写法如下:
var a = function () { this.b = function () { alert(1); } } var temp = new a(); temp.b();
登录后复制
这样,b 函数就作为 a 的方法绑定,并且当实例化 a 时,temp 将获得 b 方法。运行修正后的脚本将正确输出 1。
以上就是为什么我的 jQuery 脚本在调用匿名函数时报错了?的详细内容,更多请关注GTHOST其它相关文章!