09.函数的prototype（原型对象）——js高级

最新推荐文章于 2023-08-03 15:56:38 发布

StudiousTiger

最新推荐文章于 2023-08-03 15:56:38 发布

阅读量157

点赞数

文章标签： js javascript

本文链接：https://blog.csdn.net/m0_45067620/article/details/107896982

版权

Tiger の JavaScript-提高专栏收录该内容

19 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 
        1.函数的prototype属性（原型对象）：
            - 每一个函数都有一个prototype属性，默认指向Object空对象（但是Object不满足）
            - 原型对象(fun.prototype)中有一个constructor ,它指向函数对象。
              也就是说，函数调用prototype，再调用constructor的结果就是这个函数本身。
              例：fun.prototype.constructor===fun
    
        2.给原型对象添加一个属性，一般会添加方法
            - 作用：函数中的实例对象自动拥有原型中的属性（方法）。
                也就是说添加的方法是给函数的实例对象使用的
     -->
     <script>
         console.log(Date.prototype)  //打印一下date函数的prototype属性，返回的是个的对象


         function F1(){}
         console.log(F1.prototype) // 返回的是一个空对象（没有属性的对象）


         function F2(){}
        //  2.给原型对象添加一个属性，一般会添加方法
         F2.prototype.test1=function(){   //给f2的prototype对象添加一个test1() 方法
             console.log("我是F1中的test1()")
         }
         console.log(F2.prototype) 
         var f2 = new F2()  //  调用新添加的方法
         f2.test1()

        //  1.2原型对象中有一个constructor ,它指向函数对象
         console.log(Date.prototype.constructor===Date)
         console.log(F1.prototype.constructor===F1)
     </script>
</body>
</html>

StudiousTiger

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
09.函数的prototype（原型对象）——js高级

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <!--
复制链接

扫一扫

专栏目录