简单理解JavaScript中的封装与继承特性_第1页
简单理解JavaScript中的封装与继承特性_第2页
简单理解JavaScript中的封装与继承特性_第3页
全文预览已结束

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

这篇文章主要介绍了JavaScript中的封装与继承特性,封装与继承是基于对象编程概念中的基本特性,需要的朋友可以参考下JavaScript中的封装封装简单地说就是让外界只能访问对象的共有变量和函数,隐藏细节和数据。js中有三种方法创建对象, 分别为门户大开型、 用命名规范区分私有变量、 闭包创建真正的私有变量三种。1.门户大开型,是实现对象的最基础的方法, 所有方法与变量都是共有的外界可以访问。varBook=function(name){  if(this.check(name)){   console.log("error");   thrownewError("namenull");  }  =name; } Btotype={  check:function(name){   if(!name){    returntrue;   }  },  getName:function(){   ;  } } varbook=newBook("哈哈"); //output:哈哈 哈哈 console.log(,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;  } } Btotype={  display:function(){   //无法直接访问 name   return"display:"+this.getName();  } } varbook2=newBook2("哈哈"); //output:undefined"哈哈""display:哈哈" console.log(,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");  }  =name; } Btotype={  check:function(name){   if(!name){    returntrue;   }  },  getName:function(){   ;  } } 继承方法:functionextend(subClz,superClz){ varF=function(){} F.prototype=superCtotype; subCtotype=newF(); subClz.superClass=superCtotype; } 使用空函数 F作为桥接,可以避免直接实例化父类时调用父类的构造函数带来额外开销,而且当父类的构造函数有参数时,想直接通过现父类构造函数的调用和原型链的继承是不行的。

subCtotype=newsuperClass();实subClz.superClass=superCtotype; } 添加这三句可以避免子类继承父类写 Book.call(this,name);而是简单地写便能实现。并且在子类重写父类方

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论