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

相关推荐
じ☆ve 清风°1 天前
JavaScript 原型与原型链:深入理解 __proto__ 和 prototype 的由来与关系
开发语言·javascript·原型模式
产品设计大观2 天前
拆解实战案例:电商ERP管理系统从需求到原型全流程设计
产品经理·原型模式·erp·墨刀·erp系统·原型设计·电商erp系统
_r0bin_3 天前
前端八股之JS的原型链
原型模式
将编程培养成爱好3 天前
《复制粘贴的奇迹:小明的原型工厂》
c++·设计模式·原型模式
独步炎凉的大彬4 天前
new操作符具体做了什么
开发语言·javascript·原型模式
linux-hzh8 天前
设计模式之原型模式
设计模式·原型模式
on the way 1239 天前
创建型设计模式之Prototype(原型)
设计模式·原型模式
秋田君12 天前
深入理解JavaScript设计模式之原型模式
javascript·设计模式·原型模式
qqxhb15 天前
零基础设计模式——第二部分:创建型模式 - 原型模式
设计模式·原型模式·浅拷贝·深拷贝
77tian19 天前
设计模式的原理及深入解析
java·开发语言·单例模式·设计模式·代理模式·享元模式·原型模式