13.原型链_属性问题 ——js高级

最新推荐文章于 2024-08-18 10:54:05 发布

StudiousTiger

最新推荐文章于 2024-08-18 10:54:05 发布

阅读量98

点赞数

文章标签： js javascript

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

版权

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. 读取对象的属性时，会自动到原型链中查找

        2. 设置对象的属性时，不会查找原型链，如果当前对象中没有此属性，直接添加此属性并设置其值

        3. 方法一般定义在原型中，属性一般通过构造函数定义在对象本身上
     -->
     <script>
         function fun(){}
         fun.prototype.test=function(){
             console.log("我在fun的实例对象中的显示原型链中!")
         }
         fn=new fun()
         //1.读取对象的属性时，会自动到原型链中查找
         fn.test()  //我在fun的实例对象中的显示原型链中!


         //2.设置对象的属性时，不会查找原型链，如果当前对象中没有此属性，直接添加此属性并设置其值
         fn.test2="我在fun中"  //定义一个test2在fun中
         fun.prototype.test2="我在fun的prototype中"  //定义一个test2在fun的prototype中
         console.log(fn.test2)  //我在fun中
         console.log(fun.prototype.test2)  //我在fun的prototype中

         // 对象中的隐式原型 === 函数中的显式原型
         console.log(fn.__proto__.test2)
     </script>
</body>
</html>

StudiousTiger

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
13.原型链_属性问题 ——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> <!--
复制链接

扫一扫

专栏目录