当前位置：网站首页>ES6 advanced - inherit parent class attributes with constructors

ES6 advanced - inherit parent class attributes with constructors

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

One 、call Function function

（1） Call function 

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

Output results ：sy

（2） Change function this Point to 

<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>

Output results ：

       

  Two 、 Using constructor to inherit parent class attribute

The core principle ： adopt call() Method puts the this To subclass this, In this way, the subclass can inherit the attributes of the parent class 

<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>

Output results ：

 

原网站

版权声明
本文为[setTimeout()]所创，转载请带上原文链接，感谢
https://yzsam.com/2022/207/202207260223591836.html

边栏推荐

猜你喜欢

随机推荐