JavaScript中的原型和原型链

一、原型:每个函数都有prototype属性,称之为原型,这个属性也是个对象所以也称之为原型对象。

1.原型可以放一些属性和方法,供实例对象使用。

html 复制代码
<body>
    <script>
        const arr = new Array(1,3,5,7,6)
        document.getElementById('div').innerHTML=arr.sort();
        document.getElementById('d').innerHTML=arr.reverse();
    </script>
</body>

如上所示,创建了一个Array实例对象arr,则arr实例对象就可以直接使用sort和reverse方法。

2.原型可以继承。

二、原型链:每个对象都有一个_proto_属性,_proto_属性指向它的原型对象,原型对象也是对象,也有_proto_属性,_proto_属性指向原型对象的原型对象,就这样一层一层形成的链式结构称之为原型链。

相关推荐
前端郭德纲1 天前
JavaScript 原型相关属性详解
开发语言·javascript·原型模式
yaaakaaang1 天前
五、原型模式
java·原型模式
时寒的笔记1 天前
js基础05_js类、原型对象、原型链&案例(解决无限debugger)
开发语言·javascript·原型模式
weixin_307779134 天前
使用COPY INTO从S3导入CSV文件到Snowflake表的问题分析与自动化验证方案
运维·自动化·原型模式
UXbot5 天前
UXbot 是什么?一句指令生成完整应用的 AI 工具
前端·ai·交互·个人开发·ai编程·原型模式·ux
WZTTMoon6 天前
Spring Prototype Bean的四种正确使用方式
spring·原型模式
bmseven14 天前
23种设计模式 - 原型模式(Prototype)
设计模式·原型模式
Amumu1213818 天前
Js: 构造函数、继承、面向对象
原型模式
砍光二叉树19 天前
【设计模式】创建型-原型模式
设计模式·原型模式
RFCEO20 天前
JavaScript基础课程十四、原型与原型链(JS 核心底层)
开发语言·原型模式·prototype原型详解·javascript基础课·构造函数原型方法定义与使用·js原型链继承机制入门·t原型链顶层null原理