js 异步中变量的使用问题

Question

 const div =  Div()
        function Div() {
            const url = "http://localhost:3000/"

            function bulid() {
                const res = getData()
                res.done(function(x) {
                    console.log(url);           <---这里是异步调用为什么还能获取到变量url
                    console.log(x)
                }
            }

            function getData() {
                let deferred =  $.Deferred()
                $.ajax({
                    type: "GET",
                    url: url,
                    dataType: "json",
                    success: function (res) {
                        deferred.resolve(res)
                    },
                    error: function (jqXHR) {
                        deferred.reject()
                    }
                });
                return deferred
            }

            return {
                bulid: bulid
            }

        }

        div.bulid()

如上代码，为什么bulid()方法中的done的函数体内，明明都是异步了，为什么还能使用变量url？（url在done中没有声明，也不是传递的参数，它保存在哪）

另外，关于ajax的【回调函数】，这种用法算吗？

Answer 1

                console.log(url);           <---这里是异步调用为什么还能获取到变量url

url变量不是异步返回的结果，他是Div对象的this指向的成员变量，因此是可以跨块调用的，它始终存在于this的内存空间作为成员不会销毁的。因此可以被引用。有帮助请采纳，谢谢支持！