当前位置：网站首页>ES6高级-利用构造函数继承父类属性

ES6高级-利用构造函数继承父类属性

2022-07-26 02:24:00 【setTimeout()】

一、call函数的作用

（1）调用函数

<body>
    <script>
        function sy() {
            console.log('sy');
        }
        sy.call();
    </script>
</body>

输出结果：sy

（2）更改函数this指向

<body>
    <script>
        function sy(x, y) {
            console.log('sy');
            console.log(this);
            console.log(x + y);
        }
        var obj = {
            name: 'oliver'
        }
        sy.call(obj, 1, 2);
    </script>
</body>

输出结果：

       

 二、利用构造函数继承父类属性

核心原理：通过call()方法把父类的this指向子类的this，这样就可以实现子类继承父类属性

<body>
    <script>
        function Father(uname, age) {
            this.uname = uname;
            this.age = age;
        }

        function Son(uname, age) {
            Father.call(this, uname, age);
        }
        var son = new Son('son', 18);
        console.log(son);
    </script>
</body>

输出结果：

 

原网站

版权声明
本文为[setTimeout()]所创，转载请带上原文链接，感谢
https://blog.csdn.net/qq_43781887/article/details/125984645

边栏推荐

猜你喜欢

随机推荐