JavaScript中的prototype使用说明

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了JavaScript中的prototype使用说明，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2901字，纯文字阅读大概需要5分钟。

内容图文

var Blog = function( name, url ){ 
this.name = name; 
this.url = url; 
}; 
Blog.prototype.jumpurl = ''; 
Blog.prototype.jump = function(){ 
window.location = this.jumpurl; 
}; 
/* 
*等同于 
Blog.prototype = { 
jumpurl : '', 
jump : function(){ 
window.location = this.jumpurl; 
} 
}; 
*/ 
var rainman = new Blog('jb51', '//www.gxlcms.com'); 
var test = new Blog('server', 'http://s.jb51.net'); 
 
这是一个非常简单的例子，但却可以很好的解释prototype内在的一些东西，先看下图的内存分配： 

通过上图可以看到下面这些内容： 

prototype只是函数的一个属性，该属性的类型是一个对象。 
内存分配状况： 
函数Blog拥有一个prototype属性，而prototype属性拥有一个变量和一个函数； 
test和rainman两个变量都分别有name和url两个变量； 
test和rainman两个变量都有一个jumpUrl变量和一个jump函数，但是并没有分配内存，它们是对Blog.protype中的引用 

3、扩展1： 
 代码如下:

Website.prototype = Blog.prototype 
var Blog = function( name, url ){ 
this.name = name; 
this.url = blogurl; 
}; 
Blog.prototype.jumpurl = ''; 
Blog.prototype.jump = function(){ 
window.location = this.jumpurl; 
}; 
var rainman = new Blog('jb51', '//www.gxlcms.com'); 
var test = new Blog('server', 'http://s.jb51.net'); 

var Website = function(){}; 
Website.prototype = Blog.prototype; 
var mysite = new Website(); 


通过上图可以看到下面这些内容： 

"Website.prototype = Blog.prototype;"：Website的prototype并没有分配内存，只是引用了Blog的prototype属性。 
mysite的两个属性也没有分配内存，也只是分别引用了Blog.prototype.jumpurl和Blog.prototype.jump 


4、扩展2： 
 代码如下:

Website.prototype = new Blog() 
var Blog = function(){}; 
Blog.prototype.jumpurl = ''; 
Blog.prototype.jump = function(){ 
window.location = this.jumpurl; 
}; 

var Website = function(){}; 
Website.prototype = new Blog(); 
var mysite = new Website(); 


通过上图可以看到下面这些内容： 

Website的prototype属性，只是Blog的一个实例（ 同rainman=new Blog(); ）;因此Website的prototype属性就具有了jumpurl变量和jump方法了。 
mysite是Website的一个实例，它的jumpurl和jump方法是继承自Website的prototype，而Web.prototype继承自Blog.prototype（这里与其说是继承，不如说是引用） 
整段程序在运行的过程中，内存中只分配了一个jumpurl变量和一个jump方法 
5、new运算符 
JavaScript中new运算符。 
JavaScript中new运算符是创建一个新对象。使用方法： 
new constructor[(arguments)] 
其中constructor是必选项。对象的构造函数。如果构造函数没有参数，则可以省略圆括号。 
arguments是可选项。任意传递给新对象构造函数的参数。 

JavaScript中new运算符说明 
new 运算符执行下面的任务： 
创建一个没有成员的对象。 
为那个对象调用构造函数，传递一个指针给新创建的对象作为 this 指针。 
然后构造函数根据传递给它的参数初始化该对象。 
示例 
下面这些是有效的 new 运算符的用法例子。 
my_object = new Object; 
my_array = new Array(); 
my_date = new Date("Jan 5 1996");

6、其它 
在绝大多数JavaScript版本中，JS引擎都会给每个函数一个空的原型对象，即prototype属性。
            
            


           
                
                                                

内容总结

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

内容备注

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

内容手机端