我的世界封面制作网站,企业网站软件,喀什住房和城乡建设局网站,做网站图片切图是什么一#xff1a;prototype大概概念和用途“prototype”字面翻译是“原型”#xff0c;是javascript实现继承的主要手段。粗略来说就是#xff1a;prototype是javascript中的函数(function)的一个保留属性#xff0c;并且它的值是一个对象#xff08;我们可以称这个对象为prototype大概概念和用途“prototype”字面翻译是“原型”是javascript实现继承的主要手段。粗略来说就是prototype是javascript中的函数(function)的一个保留属性并且它的值是一个对象我们可以称这个对象为prototype对象通过以此函数作为构造函数构造出来的对象都自动的拥有构造函数的prototype对象的成员属性和方法。其中的要点是1.prototype是函数(function)的一个必备属性(书面一点的说法是保留属性)(只要是function,就一定有一个prototype属性)2.prototype的值是一个对象3.可以任意修改函数的prototype属性的值。4.一个对象会自动拥有这个对象的构造函数的prototype的成员属性和方法例子代码//定义一个函数(构造函数),并定义一些属性和方法用来给另外一个构造函数构造出来的对象继承var function1function(){    this.namefunction1;    this.saySomethingfunction(){alert(Thiss a method of this.name);}//定义一个方法}//定义另外一个构造函数var function2function(){    }function2.prototypenew function1();//将构造函数function2的prototype属性设置为一个由function1构造出来的对象以便使由function2构造出来的对象(并且原本是没有任何属性和方法的对象)拥有function1的属性和方法var obj1new function1();obj1.saySomething();//obj1本来什么成员也没有多得prototype机制是它坐享其成地拥有了function1对象的属性和方法。当然上述例子离真正实际上使用的“继承”还相差甚远但也体现出继承的意义一个对象拥有了另一个对象的属性和方法。如儿子拥有了老爸的血型和脾气人类继承了动物的本能如进食和打斗等等 二prototype的背后发生了什么以上部分大概阐述了prototype的概念和作用但单凭这些还不够对prototype加深认识。现在来看看prototype背后是怎样工作的先来看看用new形式创建对象的过程var objnew func();//以func()作为构造函数创建一个对象obj这个过程是这样的javascript引擎首先遇到了关键字new后马上开辟了一块内存创建了一个空对象(并且将this指向这个对象)接着执行构造函数func()对这个空对象进行构造(构造函数里面有什么属性和方法都一一给这个空白对象装配上去这也就是为什么构造函数叫“构造函数”的原因)其实new和执行构造函数之间还有一件事引擎没有显式地告诉我们而是偷偷地做了这就是给这个空对象赋予prototype对象。这里不得不提到一个跟prototype一样同样是系统保留而且同样重要的东西__proto____proto__是一个对象自动拥有的内置属性请注意prototype是函数的内置属性__proto__是对象的内置属性但它们最终都指向同一个对象就是那个用来被继承的对象用chrome和FF都可以访问到一个对象的__proto__属性IE就不可以。正是一个对象的__proto__指向着这个对象的构造函数的prototype对象才使这个对象认识了它的构造函数的prototype对象并拥有了这个prototype对象的属性和方法。所以var objnew func()这个过程更具体是这样的1.javascript解析引擎遇到new后开辟一片内存并创建了一个空对象并且将“this”指向这个空对象2.javascript解析引擎将这个空对象的__proto__指向后面紧跟着的构造函数默认的prototype对象一指向到prototype对象后解析引擎就知道了“噢这个对象要拥有这个prototype对象的属性和方法了”3.javascript解析引擎执行构造函数体内的代码也就正式开始对这个空对象进行构造或者说装配的过程了(this.namexxx,this.sayHellofunction(){...}等等)4.对象被构造装配好并赋值到等号左边的变量。三后记我在尝试比较js中使用call与prototype实现继承的优缺点的过程中曾遇到过一个问题并在csdn论坛上求助过有兴趣的可以点击看一下http://topic.csdn.net/u/20111119/12/c40f4674-6142-4c4a-a532-9580f2baed8d.html这是这个问题使我加速了对prototype的了解。在此多谢一下为我解答的liangws。正如本文题目所说的这些都是“我所知的javascript”由于本人水平有限本文描述肯定有不正确的地方所以仅供参考如发现有错误的地方欢迎拍砖。转载于:https://www.cnblogs.com/lwhkdash/archive/2011/11/23/2260051.html