【3分钟带你学】JS对象继承

​ 在PHP中，我们可以使用 extends 关键字来实现类的继承；但是，JS中并没有类似 extends 的关键字提供继承的功能；而我们知道，所谓的继承，其实就是为子类提供父类中的方法和属相，使子类能够使用父类中的属性及方法；

<script>
    function Run(){
        this.p = function(){
            console.log('ppp');
        }
    }
    function Man(){}

    //通过构造函数的prototype属性实现继承
    Man.prototype = new Run();
    var m = new Man;
    m.p();
</script>

<script>
    function Run(){
        this.p = function(){
            console.log('ppp');
        }
    }
    function Man(){}
    var r = new Run();
    var m = new Man();
    // 通过标准方式修改原型对象实现继承
    Object.setProtypeOf(m,r);
    m.p();
</script>

<script>
    function Run(){
        this.p = function(){
            console.log('ppp');
        }
    }
    function Man(){
        // 调用Run函数,改变run内部的this指向m对象
        Run.call(this);
    }
    var m = new Man();
    m.p();
</script>

call或apply方法

---

全局作用域下， this执向window对象；
构造函数中， this指向实例化对象；
我们能不能在调用函数时直接修改函数内部的this指向呢？
答： 使用call或apply方法

call方法
函数名称.call(obj,arg1,arg2…argN);
参数说明：
obj： 函数内this要指向的对象
arg1,arg2…argN ： 参数列表， 参数与参数之间使用一个逗号隔开

var lisi = {name:'lisi'};
var zs = {name:'zhangsan'};
function f(age){
console.log(this.name+age);
} f
.call(zs,23);

apply方式

函数名称.apply(obj,[arg1,arg2…,argN])
参数说明：
obj ： this要指向的对象
[arg1,arg2…argN] : 参数列表， 但是要求格式为数组

var lisi = {name:'lisi'};
var zs = {name:'zhangsan'};
function f(age,sex){
console.log(this.name+age+sex);
} f
.apply(zs,[23,'nan']);

两者的功能完全一致， 都是为了改变函数内部的this指向， 唯一的区别在于参数传递方式不同
call方法可能有多个参数， 第一个为要指向的对象， 其他参数为函数的实参；
apply方法最多只能有两个参数， 第一个为要指向的对象， 第二个为数组， 数组内容为函数的实参；