原型链图示

最新推荐文章于 2025-07-09 11:31:59 发布

jackletter

最新推荐文章于 2025-07-09 11:31:59 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

分类专栏：大前端文章标签： javascript 原型链图示

本文链接：https://blog.youkuaiyun.com/u010476739/article/details/80156003

大前端专栏收录该内容

77 篇文章

订阅专栏

1.基本函数原型链:

代码：

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <script type="text/javascript">
        function Base() {

        }
    </script>
</head>
<body>

</body>
</html>

产生的原型链如下图所示：

2. class定义原型链

代码：

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <script type="text/javascript">
        class Base{
            constructor(){}
        }
        class Person extends Base{
            constructor(){
                super();
            }
        }
    </script>
</head>
<body>

</body>
</html>

产生的原型链如下图所示：