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 脚本在调用匿名函数时报错了？的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
广告![ThinkPHP5快速开发企业站点[全程实录]](https://img.php.cn/upload/course/000/000/068/6253d918a3ce7278.png)
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
203
