面向对象与this指向

面向对象的三大特性：封装，多态，继承;

封装：为什么要封装？

代码的重复性太严重
变量,函数,对象
对象:(变量和函数的复杂集合 对象的变量叫做对象的属性 对象的函数叫做对象的方法)
函数的封装,建议大家在封装函数的时候把封装都写到单独的js文件中,如果你只在一个script
标签中去封装，那么很难被其他的html文件或者是js文件访问到，效率比较低

继承：为什么要继承?

拟合现实中的继承关系，可以一定程度上提高代码的重用效率

继承属于紧耦合，应用要谨慎

两种继承方式：

一，构造函数继承

1.创建一个构造函数;

命名规则，遵循驼峰命名规则，使用new 关键字开辟一个空间;

举个栗子

function Person(name){
this.name=name
}
let p1=new Person (“张三”); //实例化一个对象;

子类在实例化的时候，构造函数执行的顺序？

    进入顺序：子类 -> 父类 -> 父类的父类 -> Object

    出来顺序:Object ->...->子类

    构造函数执行的顺序本质上就是沿着继承链来执行的。

创建一个子类构造函数；通过父类的构造函数方法继承父类属性和方法;(不能继承原型的方法和属性);

父类.apply(this,[参数1，参数2…]);

父类.call(this,参数1,参数2, …);

由于不能继承原型链的方法和属性，只能配合原型链的继承使用组成完美继承;

原型链继承:

子类.prototype=Object.create(父类.prototype); (不能直接赋值，只能创建一个新的对象，因为直接赋值会影响父类的指针);

子类.prototype.constructor=子类; (纠正子类的构造函数变成父类的错误);

就此，形成了完美封装;

关于原型，以及原型链的一些理解;

在javaScript中，每个构造函数(普通函数也有，一般用于构造函数)都有一个prototype这个属性 ，这个属性指向构造函数的原型;(null除外);

在创建一个构造函数时，这时构造函数的portotype就指向了构造函数的原型;

在javaScript中，每个对象都有一个__proto__隐性属性，这个属性指向该对象的构造函数的原型;(null除外，万物皆对象)

实例化对象的__proto__属性指向了该构造函数的prototype属性，也就是构造函数的原型，所以构造函数的prototype与该构造函数的实例对象的隐性属性__proto__同时指向同一个内存地址;

也就是实例化对象与构造函数的原型是同一个内存地址;所以实例化对象会”继承“构造函数的所有属性和方法；

在javaScript中,万物皆对象，所以每个函数以及构造函数都有__proto__这个属性，这个属性又指向了它的父类构造函数的原型，同时“继承”父类原型的属性和方法，

这样递归查找的链式结构，就叫原型链;

（补充说明：__proto__属性并不是标准访问原型的，但是绝大数浏览器都支持该属性）(标准属性Object.getPrototypeOf(obj));

constructor

每个原型都有constructor这个属性，指向该关联的构造函数;

实例与原型

当读取实例的属性找不到时，就会查找与其相关联的原型中的属性，如果还查找不到，就去原型的原想中查找，一直查找到最顶层，也就是Object

每一个原型都是一个对象;通过Object的构造函数生成的所以原型的原型就是Object的原型;

es6中的class定义类;

举个栗子

calss Person{
    //构造函数;
    constructor(name){
        this.name=name;
    }
    //通过实例才能调用的方法;
    say(){
        console.log("我会说话");
    }
}
这样，一个简单的Person类就创建完成啦，同时，cs6也新增了静态这个关键词，可以创建静态属性与静态方法，不能被实例所调用，通过类名打点调用;

static sex='男';

static say(){
    console.log("我会说话");
}

继承

//extends 关键字就是继承（Man继承Person）
class Man extends Person{
    constructor(name,sex){
        //super()方法就是调用父类的constructor()方法;
        //ES6 要求，子类的构造函数必须执行一次super函数。
        super(name);
        this.sex=sex;
    }
}

this指向问题

在全局作用域中，this指向window;

在普通函数中， this指向window;

在普通模式下，成员变量和属性都是window下面的属性和方法，所以this会指向window;

在严格模式下,成员变量和属性都是纯净的属性和方法，没有根对象，所以this指向了undefine;

在构造函数中，this指向了实例化对象;(因为在实例化时，实例化对象调用了构造函数，遵从谁调用，this就是谁)

在事件中，this指向了绑定事件的对象;

如何改变this指向

apply(obj,[参数1,参数2..]);

call(obj,参数1，参数2...);

var newFun=bind(obj,参数1，参数2...);   //bind方法返回值时一个函数，需要决定是否要调用;
newFun();