JavaScript 原型

最新推荐文章于 2019-05-05 16:25:15 发布

原创最新推荐文章于 2019-05-05 16:25:15 发布 · 177 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript原型

笔记同时被 2 个专栏收录

10 篇文章

订阅专栏

JavaScript基础

9 篇文章

订阅专栏

本文深入探讨JavaScript中原型和构造器的概念，包括function对象的prototype属性如何使对象继承属性，如何通过原型提取共有属性，constructor属性的作用以及__proto__属性的理解。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

原型

1，函数。prototype ：

是function对象的一个属性，通过该构造函数产生的对象都可以继承

zhanghao.prototype.name='erzi';
function zhanghao (){}
var person = new zhanghao();
console.log(person.name);//erzi

2，作用：

提取共有属性

function zhangxin(name,color){
    this.name=name;
    this.color=color;
    this.height=100;
    this.weight=100;
}
var er1=zhangxin('zhanghao','pig');

||
||可以将固定的写到原型中
||

zhangxin.prototype.height=100;
zhangxin.prototype.weight=100;
function zhangxin(name,color){
    this.name=name;
    this.color=color;
}
var er1=zhangxin('zhanghao','pig');

3,constructor构造器

指向构造此对象的函数

function zhangxin(){}
var zx=zhangxin();
console.log(zx.constructor);//ƒ zhangxin(){}

4,proto

指向你的原型（可以修改）

zhangxin.prototype.name='abc';
function zhangxin(){
    
}
var obj={
    name:'obj'
}
var zx= new zhangxin();
zx.__proto__=obj;

console.log(zx.name);//obj