JavaScript进阶十五（ES5中的继承问题）

最新推荐文章于 2025-04-01 17:58:08 发布

二十一块石头

最新推荐文章于 2025-04-01 17:58:08 发布

阅读量623

点赞数 2

分类专栏： JS 文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/qq_44872688/article/details/122328270

版权

文章目录

一、继承父类方法

一、继承父类方法

ES6之前并没有给我们提供extends继承，所以我们可以通过构造函数+原型对象模拟实现继承，被称为组合继承。

call()

调用这个函数，并且修改函数运行时的this指向基本格式为：

fun.call(thisArg,arg1,arg2,...)

thisArg：当前调用函数this的指向对象
arg1,arg2…:传递的其他参数
call有两个作用：
1、call可以调用函数

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        function fn(){
   
            console.log('haha');
        }
        fn.call();//结果为haha
    </script>
</body>
</html>

2、修改函数里的this指向

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        //在未改变前，函数里的this指向window，现在可以使用call让函数里的this指向我们创建的对象obj
        function fn(x,y){
   
            console.log(this);
            console.log(x,y);