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