javascript构造函数以及原型对象的理解_网络技术

javascript构造函数以及原型对象的理解

发布时间 - 2026-01-10 22:30:32 点击率：次

以下是一个构造函数的例子

如果是实例方法，不同的实例化，它们引用的地址是不一样的，是唯一的。

//定义一个构造函数
 function People(name,age){
  this.name=name;
  this.age=age;
  this.dothings=function(){
   retrun this.name+this.age;
   }
 }
 var people1 = new People("panda1",25);
 var people2 = new People("panda2",26);
 alert(people1.name==people2.name) //false

另外一种编写原型对象的方法，通过字面量的方式创建原型对象，这里{}就是对象，是Object，new Object相对于{}

 People.prototype={
 constructor:People //强制指向People
  name:"panda",
  age:25,
  dothings:function(){
   return this.name+this.age;
  }
}
var people = new People();
alert(people.constructor); //function People(){}

使用字面量的方式创新对象，使用constructor属性不会指向实例，而会指向Object。

创建的每一个函数都有一个prototype（原型）属性，也就是一个对象，原型的用途：包含由特定类型的所有实例共享的属性和方法。换句话说就是prototype通过调用构造函数而创建的那个对象的原型对象。

原型对象的好处：让所有对象实例共享它的所包含的属性与方法，不必在构造函数中定义对象信息，而是可以直接将这些添加到原型中。

//声明一个构造函数
 function People(){}
 //在原型添加属性
 People.prototype.name="panda";
 People.prototype.age=25;
 people.prototype.dothings=function(){
  return this.name+this.age;
 }  
 //实例化构造函数
 var people1 = new People();
 var people2 = new People();
 alert(people1.name==perople2.name) //true 因为都是原型里的方法，它们的地址是共享的，大家都来自同一地方。

使用对象实例无法访问到prototype，prototype属性是一个对象，需要访问prototype对象，通过people.__proto__来访问或者使用构造函数名（对象名）People.prototype，但是这个属性在IE浏览器不支持（undefind），__proto__是指向原型对象的一个指针，

另外还有一个constructor属性，这是一个构造属性，获取构造函数本身，作用是：被原型指针定位，得到构造函数本身，也就是对象实例对应原型对象的作用。

判读一个对象是否指向该构造函数的原型对象，可以使用isPrototypeOf方法来测试

People.prototype.isPrototypeOf(people1) //true

如果实例与原型里同时存在相同的属性，比如例子中的People下的name属性,

var people = new People();
people.name="bear";
alert(people.name); //bear
alert(people1.name); //panda

实例属性并没有重新原型属性，实例的对象采用就近原则。

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持！

# js # 构造函数 # 原型对象 # 一文秒懂JavaScript构造函数、实例、原型对象以及原型链 # 详解js中的原型 # 原型链 # js 原型对象和原型链理解 # 图文详解JavaScript的原型对象及原型链 # 浅谈JS原型对象和原型链 # JS原型对象操作实例分析 # JavaScript原型对象原理与应用分析 # JavaScript原型对象、构造函数和实例对象功能与用法详解 # js使用原型对象(prototype)需要注意的地方 # 深入理解javascript构造函数和原型对象 # 全面解析js中的原型 # 是一个 # 都是 # 都有 # 大家都 # 也就 # 这是一个 # 还有一个 # 可以直接 # 不支持 # 可以使用 # 相对于 # 方法来 # 所包含 # 无法访问 # 来访问 # 是唯一 # retrun # var # dothings # brush

相关栏目：【网站优化151355 】【网络推广146373 】【网络技术251813 】【 AI营销90571 】

上一篇：韵达快递单号查询系统韵达快递包裹实时跟踪

下一篇：TP6 Think-Swoole构建的RPC服务与Web服务

相关栏目网站优化
网络推广
网络技术
AI营销

最新文章 Sublime怎么一键压缩JS代码 Su sublime如何在搜索中使用正则表达式 Sublime如何设置透明窗口效果 Su mysql如何设计商品表结构_mysql css属性背景图不显示怎么办_通过检查路如何使用Golang实现排序_Golan 农历闰月是怎么回事_为合回归年加一月调整塑造《刺客信条》艾吉奥传奇的编剧离开育碧 1英里等于多少公里 1mile和km的换 css grid布局中行和列是如何定义的 PS批量旋转和翻转图片，快速校正图片方向 C# Swagger UI自定义方法 C OPPO手机九宫格和全键盘怎么切换_OP Go语言如何实现用户登录注册_Golan 1节飞行速度多少公里每小时 1节是多少公纸嫁衣8千子树第五章庙门怎么开启庙门 Laravel 多行数据编辑表单中实现逐明日之后如何提升钓鱼等级明日之后提升钓支付宝怎样查年度账单_支付宝年度账单查看 C# 多线程UI更新Dispatcher

上一篇：韵达快递单号查询系统韵达快递包裹实时跟踪

下一篇：TP6 Think-Swoole构建的RPC服务与Web服务