分享更有价值
被信任是一种快乐

Javascript怎么实现继承

文章页正文上

这篇文章主要介绍“Javascript怎么实现继承”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“Javascript怎么实现继承”文章能帮助大家解决问题。1、构造函数模式
[url=]file:///C:/Users/i037145/AppData/Local/Temp/msohtmlclip1/01/clip_image001.gif[/url]
function Person(name,age,job){
this.name = name;
this.age = age;
this.job = job;
this.sayName = function(){
alert(this.name);
};
}

varperson1 = new Person(“Nicholas”,29,”Software Engineer”);
varperson2 = new Person(“Greg”,27,”Doctor”);

person1.sayName();//”Nicholas”
person2.sayName();//”Greg”

alert(person1.constructor == Person);//true
alert(person2.constructor == Person);//true

alert(person1 instanceof Object);//true
alert(person1 instanceof Person);//true
alert(person2 instanceof Object);//true
alert(person2 instanceof Person);//true
[url=]file:///C:/Users/i037145/AppData/Local/Temp/msohtmlclip1/01/clip_image001.gif[/url]
问题:
每个方法都要在每个实例上重新创建一遍。在前面的例子中,person1person2都有一个名为sayName()的方法,但那两个方法不是同一个Function的实例。
alert(person1.sayName ==person2.sayName);//false
然而,创建两个完成同样任务的Function实例的确没有必免费云主机、域名要;况且有this对象在,根本不用在执行代码前就把函数绑定到特定对象上面。因此,可以通过把函数定义转移到构造函数外部来解决这个问题:
[url=]file:///C:/Users/i037145/AppData/Local/Temp/msohtmlclip1/01/clip_image001.gif[/url]
function Person(name,age,job){
this.name = name;
this.age = age;
this.job = job;
this.sayName = sayName;
}

functionsayName(){
alert(this.name);
}

varperson1 = new Person(“Nicholas”,29,”Software Engineer”);
varperson2 = new Person(“Greg”,27,”Doctor”);

alert(person1.sayName == person2.sayName);//true
[url=]file:///C:/Users/i037145/AppData/Local/Temp/msohtmlclip1/01/clip_image001.gif[/url]
问题:在全局作用域中定义的函数实际上只能被某个对象调用,这让全局作用域有点名不副实。更让人无法接受的是:如果对象需要定义很多方法,那么就要定义很多个全局函数,于是我们这个自定义的引用类型就丝毫没有封装性可言了。
2
、原型模式
3
、组合使用构造函数模式和原型模式
4
、原型链
5
、组合继承
6
、原型式继承
7
、寄生式继承
8
、寄生组合式继承
9
、拷贝组合式继承

关于“Javascript怎么实现继承”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注云技术行业资讯频道,小编每天都会为大家更新不同的知识点。

相关推荐: jQuery怎么在匹配的元素上加上selected样式

本篇内容主要讲解“jQuery怎么在匹配的元素上加上selected样式”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“jQuery怎么在匹配的元素上加上selected样式”吧!   myClass 和 noCla…

文章页内容下
赞(0) 打赏
版权声明:本站采用知识共享、学习交流,不允许用于商业用途;文章由发布者自行承担一切责任,与本站无关。
文章页正文下
文章页评论上

云服务器、web空间可免费试用

宝塔面板主机、支持php,mysql等,SSL部署;安全高速企业专供99.999%稳定,另有高防主机、不限制内容等类型,具体可咨询QQ:360163164,Tel同微信:18905205712

主机选购导航云服务器试用

登录

找回密码

注册