面向对象要解决的问题

提到面向对象，大家的第一反应就是封装、继承和多态。对其做如下解释：

• 封装：影藏细节（A对A——将多行代码取个名字或A对B——API调用合作）
• 继承：继承的意思就是同上跟上述一样，直接用另外一件事情的属性和方法，只需要写自己需要的属性和方法即可。
• 多态：一个东西拥有两种或者多种东西的属性

因此，封装使我们减少沟通成本，也减少思维负担；继承可以让我们复用代码；而多态可以使一个东西更加灵活。

封装、继承、多态并不是面向对象终极需求，而是写代码的套路问题（定势思维）

封装和继承

JS中跟类对应的叫做构造函数

JS的七种数据类型：Number，String，bool，undefined，null，symbol（存的是值），object（复杂类型、引用类型、对象，存的是内存地址）。

而Object包括如下三种情形：

1. 普通对象
2. 数组
3. 函数（重中之重）

原型链（对象与对象）

var 

如上定义一个obj，我们可以访问name和age，但是我们可以访问obj.toString()，那么toString方法来自哪里？在控制台使用console.dir()可以看到toString方法来自__proto__。

但是，在编程中，不要使用obj.__proto__来访问，这样访问会造成很多性能上的降低。

var 

问：若没有声明一个对象，则怎么访问__proto__呢？

window中有一个Object，使用window.Object可以得到，规定在window.Object中必须有一个protoType去存声明对象的__proto__的内存地址，因此可以通过window.Object.protoType得到跟声明对象中一致的__proto__

window

问：原型链只能有一个吗？怎么实现Array中有push，而Object中没有push呢？

Array的__proto__和Object的__proto__不一样。Array的__proto__中有push、pop等方法，而Array的__proto__的__proto__中有toString、valueOf等方法。如下图所示：

因此obj.__proto__.__proto__被称作原型链。大写的Object是天生就有的，本身就有prototype属性的，而小写的object是声明的Object，必须声明之后才会有__proto__属性。

var 

JS没有类，只需要给每一个加一个__proto__属性就可以实现继承。

this（对象与函数）

函数是什么？
函数是一种可执行代码组成的对象。

为什么说函数就是对象呢？ 函数的本质是字符串再加上一些其他的东西。

var 

var 

但是，我们还是觉得很智障，为什么要在写过之后还要传参进去？那么我们是否可以不传参数，访问该对象呢？按照obj.sayName()即可访问呢？那么问题来了。在上述的对象中sayName中是有参数的，为什么在调用的时候不需要传入了呢？因此，js引入了this表示自己。改造成如下：

var 

再看一个。

var 

函数是独立的东西，不是一个附属品，只接受一个输入，并且有一个输出。在不使用call的时候，this会隐式的传进去，则不能很快速明确的确定this的指代。JS中有两个参数，一个是this，另一个是arguments。显式的this则使用call调用，隐式的this则浏览器去猜。

从上述可以得出如下两个结论：

1. 参数的值只有在传参的时候确定
2. this是第一个参数 => 推断得出 this的值只有在传参的时候才能确定。

那么我们来看看如下的this都指代什么？

function 

再看看别的this的指代情况。

button

以上仅限于隐式调用时this指代的情况。若写为button.onclick.call(1)，则此时的this为传入的参数。

为了解决this的事情，js引入了箭头函数，此时就算call也不会改变this的值。call的时候，this指代的都为外面的this。箭头函数中既没有this，也没有arguments。

函数和对象本来没有关系，通过隐式的this才会有了关系。若使用call，则this是明确的值，即为第一个传入的参数。

bind用法

bind即为创建了一个新的函数，会call原先函数的参数，传入的参数则为this和arguments。