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。