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

相关推荐
ttod_qzstudio9 小时前
【软考设计模式】原型模式:“克隆“对象与深拷贝、浅拷贝精讲
设计模式·原型模式
希冀1234 天前
【JavaScript】Javascript—JS进阶—Day03
开发语言·javascript·原型模式
想吃火锅100523 天前
【前端手撕】instanceof
前端·javascript·原型模式
UXbot23 天前
帮助企业低门槛开展AI应用开发的平台推荐
前端·低代码·ui·交互·产品经理·原型模式·web app
UXbot24 天前
如何选择适合公司项目的UI设计工具?企业选型指南
前端·低代码·ui·团队开发·原型模式·设计规范·web app
UXbot24 天前
原型设计工具如何帮助新人快速进入产品行业?
前端·低代码·ui·交互·团队开发·原型模式·web app
sunny.day1 个月前
js原型与原型链
开发语言·javascript·原型模式·js原型链
UXbot1 个月前
AI网页开发工具能替代工具吗?5大平台对比
前端·人工智能·低代码·ui·原型模式·web app
weixin_307779131 个月前
从“大海捞针”到“主动推理”:AI如何重塑云原生故障诊断的根因链
开发语言·人工智能·算法·自动化·原型模式
swordbob1 个月前
prototype 注入到 singleton 里,prototype是否还是线程安全的
安全·spring·单例模式·原型模式