JavaScrpt的原型使用方法以及原型域和原型链的介绍

使用原型

成都创新互联专注于那坡企业网站建设,响应式网站,商城网站建设。那坡网站建设公司,为那坡等地区提供建站服务。全流程按需网站建设，专业设计，全程项目跟踪，成都创新互联专业和态度为您提供的服务

一、原型属于一类普通对象 即是Object() 自动创建，

1、通过原型添加属性
function a(x){
this.x = x;

}

a.prototype.x = 2 //添加属性
var a1=new a(4)
a.prototype.x= a1.x  //将本地属性传递给原型属性
2、使用原型添加方法 和 使用原型来继承

function a(x,y,z){
this.x=x;
this.y=y;
this.z=z;

}

a.proptype.add=function（a,b）{ //添加方法

return a+b;
}
使用原型实现继承
function Parent(x){
this.x=x
console.log(x)
}

function Child(y){
this.y=y;
console.log(y)
}

//实例化一个父实例

var parent = new Parent("父");

Child.proptype=parent;

//实现一个子实例

var child=new Child("子")

child.x
child.y

原型域和原型域链
在javaScript 在实例读取对象属性时候，总是先检查自己本地属性，假如存在，则返回本地属性，如果不存在则往通过prototype原型域查找，返回原型域中的属性

Function.prototype.a=function(){
alert("Function")
}
object.prototype.a =function(){
alert("Oject")

}
function f(){
this.a = a
}

f.prootype ={
n:function(){

alert("w")
}
}

console.log( f instancef Function );//true
console.log( f.prototype instancef Object) //true
console.log(Fnction instaceof Object Ojbect) //true

文章名称：JavaScrpt的原型使用方法以及原型域和原型链的介绍
文章地址：https://www.cdcxhl.com/article8/pippip.html

成都网站建设公司_创新互联，为您提供网站导航、网页设计公司、软件开发、外贸网站建设、全网营销推广、手机网站建设

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联