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

相关推荐
Koma-forever4 小时前
java设计模式-原型模式
java·设计模式·原型模式
Yvette-W3 天前
【JavaScript】原型链 prototype 和 this 关键字的练习(老虎机)
开发语言·前端·javascript·ecmascript·原型模式
阿湯哥3 天前
Kettle如何与应用集成
原型模式
程序员沉梦听雨4 天前
原型模式详解
设计模式·原型模式
编程侦探6 天前
【设计模式】原型模式:用“克隆”术让对象创建更灵活
c++·设计模式·原型模式
此木|西贝7 天前
【设计模式】原型模式
java·设计模式·原型模式
云徒川8 天前
【设计模式】原型模式
java·设计模式·原型模式
QTX187308 天前
JavaScript 中的原型链与继承
开发语言·javascript·原型模式
暮乘白帝过重山8 天前
Singleton和Prototype的作用域与饿汉式/懒汉式的初始化方式
spring·原型模式·prototype·饿汉式·singleton·懒汉式
绝顶少年8 天前
Component 与 Bean 的深度解析:详细讲解Component和bean的异同以及与其搭配使用的其他注解及其使用场景
原型模式