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

相关推荐
两年半的个人练习生^_^8 小时前
每日一学:设计模式之原型模式
java·开发语言·设计模式·原型模式
UXbot1 天前
如何用 AI 快速生成完整的移动端 UI 界面:从描述到交付的实操教程
前端·ui·交互·ai编程·原型模式
神の愛2 天前
js的深拷贝和浅拷贝?啥情况讲解下??底层堆栈空间??object.prototype.toString.call(),还有bind,的具体使用?
前端·javascript·原型模式
W.A委员会3 天前
JS原型链详解
开发语言·javascript·原型模式
Rsun045513 天前
5、Java 原型模式从入门到实战
java·开发语言·原型模式
码云数智-大飞5 天前
JavaScript 原型链与继承机制:从底层原理到 ES6 Class 的本质
原型模式
妙蛙种子3116 天前
【Java设计模式 | 创建者模式】 原型模式
java·开发语言·后端·设计模式·原型模式
吴声子夜歌6 天前
ES6——Calss详解
javascript·es6·原型模式
UXbot8 天前
AI原型设计工具评测:从创意到交互式Demo,5款产品全面解析
前端·ui·设计模式·ai·ai编程·原型模式
xiaotao1318 天前
JS new 操作符完整执行过程
开发语言·前端·javascript·原型模式