博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JavaScript中的prototype
阅读量:6971 次
发布时间:2019-06-27

本文共 2038 字,大约阅读时间需要 6 分钟。

JS中的phototype是JS中比较难理解的一个部分。javascript的方法可以分为三类:类方法,对象方法,原型方法。

例子:

function People(name){    this.name=name;    //对象方法    this.Introduce=function(){        alert("My name is "+this.name);    }}//类方法People.Run=function(){    alert("I can run");}//原型方法People.prototype.IntroduceChinese=function(){    alert("我的名字是"+this.name);}//测试var p1=new People("Windking");p1.Introduce();People.Run();p1.IntroduceChinese();

obj1.func.call(obj)方法意思是将obj看成obj1,调用func方法。

prototype是什么含义

javascript中的每个对象都有prototype属性,Javascript中对象的prototype属性的解释是:返回对象类型原型的引用。

A.prototype = new B();

理解prototype不应把它和继承混淆。A的prototype为B的一个实例,可以理解A将B中的方法和属性全部克隆了一遍。A能使用B的方法和属性。这里强调的是克隆而不是继承。可以出现这种情况:A的prototype是B的实例,同时B的prototype也是A的实例。

先看一个实验的例子:

function baseClass(){    this.showMsg = function()    {         alert("baseClass::showMsg");       }}function extendClass(){    }extendClass.prototype = new baseClass();instance = new extendClass();instance.showMsg(); // 显示baseClass::showMsg

我们首先定义了baseClass类,然后我们要定义extentClass,但是我们打算以baseClass的一个实例为原型,来克隆的extendClass也同时包含showMsg这个对象方法。extendClass.prototype = new baseClass()就可以阅读为:extendClass是以baseClass的一个实例为原型克隆创建的。

那么就会有一个问题,如果extendClass中本身包含有一个与baseClass的方法同名的方法会怎么样?

下面是扩展实验2:

function baseClass(){    this.showMsg = function()    {        alert("baseClass::showMsg");       }}function extendClass(){    this.showMsg =function ()    {        alert("extendClass::showMsg");    }}extendClass.prototype = new baseClass();instance = new extendClass();instance.showMsg();//显示extendClass::showMsg

实验证明:函数运行时会先去本体的函数中去找,如果找到则运行,找不到则去prototype中寻找函数。或者可以理解为prototype不会克隆同名函数。

那么又会有一个新的问题:如果我想使用extendClass的一个实例instance调用baseClass的对象方法showMsg怎么办?
答案是可以使用call:

extendClass.prototype = new baseClass();instance = new extendClass();var baseinstance = new baseClass();baseinstance.showMsg.call(instance);//显示baseClass::showMsg

这里的baseinstance.showMsg.call(instance);阅读为"将instance当做baseinstance来调用,调用它的对象方法showMsg"。好了,这里可能有人会问,为什么不用baseClass.showMsg.call(instance);这就是对象方法和类方法的区别,我们想调用的是baseClass的对象方法

最后,下面这个代码如果理解清晰,那么这篇文章说的就已经理解了

 

转载地址:http://tbbsl.baihongyu.com/

你可能感兴趣的文章
html5 css练习,弹性三栏布局
查看>>
游戏AI之模糊逻辑(4)
查看>>
day 06-02 元组(tuple)
查看>>
微软老将Philip Su的离职信:回首12年职场生涯的心得和随笔[转]
查看>>
day1 python 入门
查看>>
github上传文件
查看>>
jquery的on()函数
查看>>
回复我的Bug图
查看>>
HighSchool
查看>>
删除空格-sed
查看>>
Word怎么删除空白行汇总——摘自百度知道
查看>>
数据结构及算法基础--基本排序(elementary sort)(一)选择排序(selection sort)、插入排序(insertion sort)和希尔排序(shell sort)...
查看>>
在Windows和Linux上安装paramiko模块
查看>>
python 程序结构
查看>>
MessageBeep()---穷人的调试器
查看>>
scala学习手记9 - =和==
查看>>
android:descendantFocusability用法简析
查看>>
Linq中的分页
查看>>
WAP端 经验记录2
查看>>
HTTP/2基础
查看>>