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

相关推荐
Amumu121383 天前
Js: 构造函数、继承、面向对象
原型模式
砍光二叉树4 天前
【设计模式】创建型-原型模式
设计模式·原型模式
RFCEO5 天前
JavaScript基础课程十四、原型与原型链(JS 核心底层)
开发语言·原型模式·prototype原型详解·javascript基础课·构造函数原型方法定义与使用·js原型链继承机制入门·t原型链顶层null原理
new code Boy6 天前
前端核心基础汇总
开发语言·javascript·原型模式
爱写bug的野原新之助6 天前
爬虫之补环境脚本:脱环境
javascript·爬虫·原型模式
承缘丶8 天前
使用http调用Kettle资源库中的ETL任务
原型模式
夕珩11 天前
单例模式、原型模式、工厂方法模式、抽象工厂模式、建造者模式、解释器模式、命令模式
单例模式·解释器模式·建造者模式·工厂方法模式·抽象工厂模式·命令模式·原型模式
TON_G-T13 天前
JavaScript 原型与原型链
开发语言·javascript·原型模式
蜜獾云13 天前
设计模式之原型模式:以自己为原型,自己实现自己的对象拷贝逻辑
java·设计模式·原型模式
geovindu13 天前
python: Prototype Pattern
python·设计模式·原型模式