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

相关推荐
浮游本尊3 天前
对象、函数、原型之间的关系
开发语言·javascript·原型模式
越甲八千3 天前
重拾设计模式--原型模式
设计模式·原型模式
小嘟嚷ovo3 天前
String.prototype.padStart() 方法来实现日不足两位时补充零
原型模式
抓哇FullStack-Junior5 天前
设计模式——原型模式
java·开发语言·设计模式·原型模式
shi57835 天前
设计模式之 原型模式 C# 范例
设计模式·c#·原型模式
会思想的苇草i7 天前
JavaScript--原型与原型链
开发语言·前端·javascript·设计模式·原型·原型模式·原型链
tester Jeffky9 天前
JavaScript 原型对象与原型链的魔法与艺术
开发语言·javascript·原型模式
橘子味的冰淇淋~10 天前
js 怎么判断对象是否具有某个属性及各方法的区别
原型模式
犬余11 天前
设计模式之原型模式:深入浅出讲解对象克隆
笔记·学习·设计模式·原型模式
西岭千秋雪_12 天前
设计模式の单例&工厂&原型模式
java·单例模式·设计模式·简单工厂模式·工厂方法模式·抽象工厂模式·原型模式