js原型链，作用域，闭包讲解

当面试的时候遇到问原型链，闭包，还有作用域，直接 拿张纸和笔把原型链画出来，闭包跟作用域直接用笔写几道题出来加深理解（因为我们是理科生，图形和题目以及控制台输出结果才是最直观的方法）

问：什么是原型链？

答：Javascript是面向对象的，每个实例对象都有一个__proto_属性，该属性指向它原型对象，这个实例对象的构造函数有一个原型属性prototype，与实例的__proto__属性指向同一个对象。当一个对象在查找一个属性的时，自身没有就会根据__proto__ 向它的原型进行查找，如果都没有，则向它的原型的原型继续查找，直到查到Object.prototype._proto_为nul，这样也就形成了原型链。

问：如何查找构造函数和原型中的属性？

答：

构造函数.prototype  查看构造函数的原型属性

实例对象.__proto__ 查看实例对象的构造函数的原型

实例对象.__proto__.constructor 查看实例对象的构造函数

原型链见过最好的图片，不啰嗦

体现在代码上：

其实非常的简单

栗如：

我们可以先写一个构造函数，然后在它的prototype中写入方法，然后我们可以在入口函数中去写一个实例对象，用实例对象的方法去调用，这样子写代码可以做到逻辑清晰，代码简洁大方。

var letao;
$(function() {
    letao = new Letao();
    letao.login();
});

var Letao = function() {

}

Letao.prototype = {
    //登录函数
    login: function() {
        // 1. 获取登录的按钮添加点击事件
        $('.btn-login').on('click', function() {
            // 2. 获取输入的用户和密码
            var username = $('.mui-input-clear').val();
            var password = $('.mui-input-password').val();
            // 3. 验证用户名密码是否输入
            if (!username) {
                // 第一个参数是提示内容 第二个参数是一个对象（提示框的设置） duration提示信息的长短  type 提示的标签类型 long short 和 数字
                mui.toast('请输入用户名', { duration: 'long', type: 'div' })
                return;
            }
            if (!password) {
                // 第一个参数是提示内容 第二个参数是一个对象（提示框的设置） duration提示信息的长短  type 提示的标签类型 long short 和 数字
                mui.toast('请输入密码', { duration: 'long', type: 'div' })
                return;
            }
            // 4. 调用登录的API去验证是否登录成功
            $.ajax({
                url: '/user/login',
                data: { username: username, password: password },
                type: 'post',
                success: function(data) {
                    // 5. 判断返回的结果是否有错误
                    if (data.error) {
                            // 如果有错误把错误信息提示一下
                        mui.toast(data.message, { duration: 'long', type: 'div' })
                        return;
                    }else{
                            // 如果登录成功就跳转到个人中心页面
                            window.location.href = 'user.html';
                    }                    
                }
            })
        })
    }
}

 这个如果ti

 js作用域一步步透彻理解

https://www.cnblogs.com/skylar/p/3986087.html

在面试中，怎样能通俗易懂又不白痴的回答出面试官提出的js中闭包问题？

 https://www.zhihu.com/question/52491175