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_属性指向原型对象的原型对象,就这样一层一层形成的链式结构称之为原型链。

相关推荐
灰海4 天前
原型与原型链到底是什么?
开发语言·前端·javascript·es6·原型模式·原生js
找不到、了5 天前
Spring的Bean原型模式下的使用
java·spring·原型模式
面朝大海,春不暖,花不开7 天前
使用 Python 实现 ETL 流程:从文本文件提取到数据处理的全面指南
python·etl·原型模式
Shartin7 天前
CPT208-Human-Centric Computing: Prototype Design Optimization原型设计优化
开发语言·javascript·原型模式
N_NAN_N10 天前
类图+案例+代码详解:软件设计模式----原型模式
java·设计模式·原型模式
铛铛啦啦啦10 天前
“对象创建”模式之原型模式
设计模式·原型模式
D.eL22 天前
深入解析原型模式:从理论到实践的全方位指南
java·设计模式·原型模式
永生辉皇22 天前
JS红宝书笔记 8.4 类
javascript·笔记·原型模式
胡侃有料22 天前
【设计模式】6.原型模式
设计模式·原型模式
OpenC++22 天前
【C++】原型模式
开发语言·c++·设计模式·原型模式