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

相关推荐
Meteors.6 小时前
23种设计模式——原型模式 (Prototype Pattern)详解
设计模式·原型模式
女生也可以敲代码3 天前
JavaScript闭包、原型链、事件循环,一文彻底讲明白(小白也能懂)
开发语言·原型模式
给月亮点灯|3 天前
Vue基础知识-重要的内置关系:vc实例.__proto__.__proto__ === Vue.prototype
前端·vue.js·原型模式
心前阳光3 天前
Unity通过Object学习原型模式
学习·unity·原型模式
小凯 ོ9 天前
实战原型模式案例
java·后端·设计模式·原型模式
JuneXcy14 天前
28.原型
开发语言·javascript·原型模式
楚禾Noah15 天前
【设计模式实战】原型模式 + 工厂模式:AI Agent 配置中心
人工智能·设计模式·原型模式
找不到、了23 天前
Java设计模式之《原型模式》--深、浅copy
java·设计模式·原型模式
阿维的博客日记1 个月前
@Scope(value = WebApplicationContext.SCOPE_REQUEST)和@Scope(“prototype“)区别
原型模式
果粒chenl1 个月前
06-原型和原型链
前端·javascript·原型模式