首页 / JAVASCRIPT / JavaScript原型学习总结_javascript技巧

JavaScript原型学习总结_javascript技巧

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了JavaScript原型学习总结_javascript技巧，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1737字，纯文字阅读大概需要3分钟。

内容图文

每个对像都有一个隐慝的属性用于指向到它的父对像（构造对像的函数）的原型(这里称为父原型或隐式原型），并从中继承它的属性和方法 ［函数对像除了父原型引用外，还有一个显式的原型引用］,在一般情况下，对像的父原型是不可以访问的，而函数对像的显式原型可以通过FunctionName.prototype进行访问 [在FireFox中你可以通过对像的__proto__属性来访问对像的父原型] 　　

　　这个原型属性本身又是一个Object类型的对像，因此可以给这个原型属性添加任意的属性和方法 让实例对像来继承它们

如: 一个String类型的对像的原型为String.prototype，如果我们想要给String类型的对像添加一些自定义的方法，那我们可以这样来实现(这里以添加一个类式VBscript中的trim方法为例)
代码如下:

String.prototype.trim=function(){
return this.replace(/^\s*|\s*$/g,"")
}
// " jiangsk540 ".trim();//return "jiagnsk540"

原型除了提供以上的特性之外，它还提供了一群同类实例对像共享属性和方法的机制 [也就相当于静态属性或静态函数，无论用构造函数创建了多少个实例对像，在原型上定义的属性和方法从头到尾只定义了一次，所有实例对像都共享使用这一个属性或方法 但并非和C++或JAVA的静态属性或静态函数的概念相同]
代码如下:

function Class1(name){
this.name = name;
}
Class1.prototype.show=function(){
alert("name="+this.name);
}
var m1 = new Class1("jiangsk540");
var m2 = new Class1("毛狮子");
alert(m1.show===m2.show);//显示 true

动态给构造函数原型添加的属性或方法即可被先前建立的对像立即调用
如
代码如下:

function Class1(name){
this.name = name;
}
Class1.prototype.show=function(){
alert("name="+this.name);
}
var m1 = new Class1("jiangsk540");
Class1.prototype.say=function(){
alert("Hi");
}
m1.say()//调用成功
/*
注意：只有为构造函数的原型添加的属性或方法才能被已经创建的对像立即调用
如果是改变构造函数原型的引用那么就不能被已经创建的对像立即调用
*/
Class1.prototype={newP:"jiangsk540"};
alert(m1.newP)//undefined

内容总结

以上是互联网集市为您收集整理的JavaScript原型学习总结_javascript技巧全部内容，希望文章能够帮你解决JavaScript原型学习总结_javascript技巧所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/312883.html

来源：【匿名】