1、prototype 在JavaScript中并没有类的概念，但JavaScript中的确可以实现重载，多态，继承。这些实现其实方法都可以用JavaScript中的引用和变量作用域结合prototype来解释。 2、简单的例子 复制代码 代码如下: 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', 'http://www.jb51.net'); 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', 'http://www.jb51.net'); 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属性。

　　推荐阅读

　　js 获取当前select元素值的代码

1、如果 select 元素下的所有 option 元素均没有指定 selected 属性，会默认选中第一个。 2、可以通过 select.selectedIndex 获取到选中的 option 元素的索引。 3、可以通过 select.options[select.selectedIndex]>>>详细阅读

本文标题：JavaScript中的prototype使用说明

地址：http://www.17bianji.com/kaifa2/JS/26627.html

 1/2    1