



如果您无法下载资料,请参考说明:
1、部分资料下载需要金币,请确保您的账户上有足够的金币
2、已购买过的文档,再次下载不重复扣费
3、资料包下载后请先用软件解压,在使用对应软件打开
理解JavaScript中的封装与继承特性 JavaScript中的封装封装简单地说就是让外界只能访问对象的共有变量和函数,隐藏细节和数据。js中有三种方法创建对象,分别为门户大开型、用命名规范区分私有变量、闭包创建真正的私有变量三种。1.门户大开型,是实现对象的最基础的方法,所有方法与变量都是共有的外界可以访问。varBook=function(name){if(this.check(name)){console.log("error");thrownewError("namenull");}this.name=name;}Book.prototype={check:function(name){if(!name){returntrue;}},getName:function(){returnthis.name;}}varbook=newBook("哈哈");//output:哈哈哈哈console.log(book.name,book.getName());这个例子是门户大开型的典型,外界能直接访问对象的属性和方法。可以注意到属性和变量都有"this"来创建。2.用命名规范区分私有变量,该方法是门户大开型的优化版本,只不过是在私有变量或方法前面用"_"区分,如果有程序员有意使用_getName()的方法来调用方法,还是无法阻止的,不是真正地将变量隐藏。3.闭包创建真正的私有变量,该方法利用js中只有函数具有作用域的特性,在构造函数的作用域中定义相关变量,这些变量可以被定义域该作用域中的所有函数访问。varBook2=function(name){if(check(name)){console.log("error");thrownewError("namenull");}name=name;functioncheck(name){if(!name){returntrue;}}this.getName=function(){returnname;}}Book2.prototype={display:function(){//无法直接访问namereturn"display:"+this.getName();}}varbook2=newBook2("哈哈");//output:undefined"哈哈""display:哈哈"console.log(book2.name,book2.getName(),book2.display());可以看到,这个例子中的结果,直接访问name会返回undefined的结果。可以看到这个例子与门户大开型的区别,门户大开型中的变量使用"this"来创建,而这个例子中使用var来创建,check函数也是如此,使得name与check函数只能在构造函数的作用域中访问,外界无法直接访问。该方法解决了前两种方法的问题,但是也有一定的弊端。在门户大开型对象创建模式中,所有方法都创建在原型对象中,因此不管生成多少对象实例,这些方法在内存中只存在一份,而采用该方法,每生成一个新的对象都会为每个私有变量和方法创建一个新的副本,故会耗费更多的内存。JavaScript中的继承Book基类:varBook=function(name){if(this.check(name)){console.log("error");thrownewError("namenull");}this.name=name;}Book.prototype={check:function(name){if(!name){returntrue;}},getName:function(){returnthis.name;}}继承方法:functionextend(subClz,superClz){varF=function(){}F.prototype=superClz.prototype;subClz.prototype=newF();subClz.prototype.constructor=subClz;subClz.superClass=superClz.prototype;if(superClz.prototype.constructor==Object.prototype.constructor){superClz.prototype.constructor=superClz;}使用空函数F作为桥接,可以避免直接实例化父类时调用父类的构造函数带来额外开销,而且当父类的构造函数有参数时,想直接通过subClass.prototype=newsuperClass();实现父类构造函数的调用和原型链的继承是不行的。subClz.superClass=superClz.prototype;if(superClz.prototype.con

是你****优呀
实名认证
内容提供者


最近下载
一种基于双轨缆道的牵引式雷达波在线测流系统.pdf
一种基于双轨缆道的牵引式雷达波在线测流系统.pdf
一种胃肠道超声检查助显剂及其制备方法.pdf
201651206021+莫武林+浅析在互联网时代下酒店的营销策略——以湛江民大喜来登酒店为例.doc
201651206021+莫武林+浅析在互联网时代下酒店的营销策略——以湛江民大喜来登酒店为例.doc
用于空间热电转换的耐高温涡轮发电机转子及其装配方法.pdf
用于空间热电转换的耐高温涡轮发电机转子及其装配方法.pdf
用于空间热电转换的耐高温涡轮发电机转子及其装配方法.pdf
用于空间热电转换的耐高温涡轮发电机转子及其装配方法.pdf
用于空间热电转换的耐高温涡轮发电机转子及其装配方法.pdf