JavaScript 原型学习总结_javascript技巧
程序员文章站
2022-05-19 09:45:39
...
每个对像都有一个隐慝的属性用于指向到它的父对像(构造对像的函数)的原型(这里称为父原型或隐式原型),并从中继承它的属性和方法 [函数对像除了父原型引用外,还有一个显式的原型引用],在一般情况下,对像的父原型是不可以访问的,而函数对像的显式原型可以通过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
这个原型属性本身又是一个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
下一篇: php 多级领航显示
推荐阅读
-
jQuery及JS实现循环中暂停的方法_javascript技巧
-
JavaScript全总结之DOM的Element
-
如何写JS数组sort的比较函数_javascript技巧
-
JS location几个方法小姐_javascript技巧
-
excel操作之Add Data to a Spreadsheet Cell_javascript技巧
-
JS面向对象编程浅析_javascript技巧
-
一些常用的JS功能函数代码_javascript技巧
-
Javascript获取CSS伪元素属性的实现代码_javascript技巧
-
js使用for循环查询数组中是否存在某个值_javascript技巧
-
javascript 学习笔记(六)浏览器类型及版本信息检测代码_基础知识