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

相关推荐
chilavert31813 小时前
技术演进中的开发沉思-194 JavaScript: Prototype 框架
开发语言·javascript·原型模式
flypwn1 天前
justCTF 2025JSpositive_player知识
开发语言·javascript·原型模式
oliveira-time1 天前
原型模式中的深浅拷贝
java·开发语言·原型模式
小毛驴8503 天前
软件原型模式
原型模式
谢尔登3 天前
原型理解从入门到精通
开发语言·javascript·原型模式
十一.3664 天前
66-69 原型对象,toString(),垃圾回收
开发语言·javascript·原型模式
火鸟25 天前
给予虚拟成像台尝鲜版十之二,完善支持 HTML 原型模式
前端·html·原型模式·通用代码生成器·给予虚拟成像台·快速原型·rust语言
Adellle7 天前
5. 原型模式
原型模式
乐悠小码9 天前
Java设计模式精讲---04原型模式
java·设计模式·原型模式
火鸟212 天前
给予虚拟成像台尝鲜版十,完善支持HTML原型模式
原型模式·通用代码生成器·给予虚拟成像台·给予·html原型模式·快速原型·rust语言