javascript prototype原型详解(比较基础)_网络技术_宿州市腾雀网络科技有限公司

javascript prototype原型详解(比较基础)

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

javascript的prototype原型简单介绍:
prototype原型是javascript中特别重要的概念，属于必须要掌握，如果没有良好的掌握的话，进一步用好或者学好js基本是不可能的实现的事情，并且此概念稍有难度，可能对于初次接触的朋友来说有点困难，下面就通过代码实例简单介绍一下prototype原型的用法。

一.基本概念:

每一个函数都具有一个prototype属性。
此属性是一个指针，能够指向一个对象，而此对象将会被由构造函数创建的对象实例所共享，也就是会继承此对象。
总结:prototype所指向的对象是被构造函数所创建的对象实例所共同共享的。
创建的对象实例有一个内部属性[[Prototype]]，它是一个指针，指向构造函数原型（prototype）指向的对象。
先看一段代码:

<script>
function antzone(name,age){
 this.webname=name;
 this.age=age;
}
antzone.prototype.getName=function(){
 return this.webname;
}
var oantzone=new antzone("",10);
console.log(oantzone.getName());
</script>

效果图：

图示如下:

上面图片基本说明了prototype的作用。
二.代码实例:
实例一:

function antzone(name,age){
 this.webname=name;
 this.age=age;
}
var obj={
 address:"江苏省徐州"
}
var oantzone=new antzone("",10);
antzone.prototype=obj;
console.log(oantzone.address);

看以上代码，很多朋友可能以为输出值是"江苏省徐州"，但是实际输出内容是undefined，这是因为在使用构造函数创建对象oantzone的时候，oantzone对象内部属性[[Prototype]]将会指向antzone()构造函数的原型prototype所指向的对象，而后来antzone.prototype=obj是重置构造函数的原型，而oantzone的内置属性[[Prototype]]指向依然是原来的对象，自然oantzone.address是undefined。
实例二:

<script>
function antzone(name,age){
 this.webname=name;
 this.age=age;
}
var obj={
 address:"江苏省徐州"
}
antzone.prototype=obj;
var oantzone=new antzone("",10);
console.log(oantzone.webname+oantzone.address);
</script>

此代码和上一段代码的唯一不同，就是第八行和第九行进行了一下交换，这样就可以输出"江苏省徐州"，这个就不难理解了，因为对象实例是在重置原型以后创建的。
实例三:

function antzone(name,age){
 this.webname=name;
 this.age=age;
}
var obj={
 address:"江苏省徐州"
}
antzone.prototype.add=obj;
var oantzone=new antzone("",10);
console.log(oantzone.add.address);

以上代码只是修改对象原型，而不是重置对象原型。

# js # prototype # 原型 # javascript prototype的深度探索不是原型继承那么简单 # JavaScript为对象原型prototype添加属性的两种方式 # js中使用使用原型(prototype)定义方法的好处详解 # javascript prototype 原型链 # JS构造函数与原型prototype的区别介绍 # 跟我学习javascript的prototype原型和原型链 # javascript prototype原型操作笔记 # js使用原型对象(prototype)需要注意的地方 # 浅谈js构造函数的方法与原型prototype # [js高手之路]图解javascript的原型(prototype)对象 # 原型链实例 # Javascript 原型和继承(Prototypes and Inheritance) # JS原型prototype和__proto__用法实例分析 # 徐州 # 江苏省 # 将会 # 是一个 # 是在 # 它是 # 如果没有 # 说明了 # 这是因为 # 介绍一下 # 稍有 # 先看 # 用好 # 基本概念 # 就可以 # 有一个 # 而不是 # 必须要 # 是不可能 # pre

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

上一篇：Sam Altman为什么最羡慕的这一代「20岁创业青年」？

下一篇：青岛网站优化制作公司,网站优化文章应该怎样写？

相关栏目网站优化
网络推广
网络技术
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

上一篇：Sam Altman为什么最羡慕的这一代「20岁创业青年」？

下一篇：青岛网站优化制作公司,网站优化文章应该怎样写？