简单理解JavaScript中的封装及继承特性.docxVIP

这篇文章主要介绍了 JavaScript 中的封装与继承特性 ,封装与继承是基于对象编程概念中的基本特性 ,需要的朋友可以参考下 JavaScript 中的封装 封装简单地说就是让外界只能访问对象的共有变量和函数，隐藏细节和数据。 js 中有三种方法创建对象， 分别为门户大开型、 用命名规范区分私有变量、 闭包创建真 正的私有变量三种。 1.门户大开型， 是实现对象的最基础的方法， 所有方法与变量都是共有的外界可以访问。 var Book = function(name){nbsp; nbsp; if(this.check(name)){nbsp; nbsp; nbsp; console.log(error);nbsp; nbsp; nbsp; throw new Error(name null);nbsp; nbsp; }nbsp; nbsp; this.name = name;nbsp; }nbsp; Book.prototype = {nbsp; nbsp; check:function(name){nbsp; nbsp; nbsp; if(!name){nbsp; nbsp; nbsp; nbsp; return true;nbsp; nbsp; nbsp; }nbsp; nbsp; },nbsp; nbsp; getName:function(){nbsp; nbsp; nbsp; return this.name;nbsp; nbsp; }nbsp; }nbsp; var book = new Book( 哈哈 );nbsp; //output: 哈哈 哈哈 nbsp; console.log(book.name,book.getName());nbsp; 这个例子是门户大开型的典型， 外界能直接访问对象的属性和方法。 可以注意到属性和变量都有 this 来创建。 2.用命名规范区分私有变量，该方法是门户大开型的优化版本，只不过是在私有变量或 方法前面用 _ 区分，如果有程序员有意使用 _getName()的方法来调用方法，还是无法阻止的，不是真正地将变量隐藏。 3.闭包创建真正的私有变量， 该方法利用 js 中只有函数具有作用域的特性， 在构造函数的作用域中定义相关变量，这些变量可以被定义域该作用域中的所有函数访问。 var Book2 = function(name){nbsp; nbsp; if(check(name)){nbsp; nbsp; nbsp; console.log(error);nbsp; nbsp; nbsp; throw new Error(name null);nbsp; nbsp; }nbsp; nbsp; name = name;nbsp; nbsp; function check(name){nbsp; nbsp; nbsp; if(!name){nbsp; nbsp; nbsp; nbsp; return true;nbsp; nbsp; nbsp; }nbsp; nbsp; }nbsp; nbsp; this.getName = function(){nbsp; nbsp; nbsp; return name;nbsp; nbsp; }nbsp; }nbsp; Book2.prototype = {nbsp; nbsp; display:function(){nbsp; nbsp; nbsp; // 无法直接访问 namenbsp; nbsp; nbsp; return display:+this.getName();nbsp; nbsp; }nbsp; }nbsp; var book2 = new Book2( 哈哈 );nbsp; //output:undefined 哈哈 display: 哈哈 nbsp; console.log(book2.name,book2.getName(),book2.display());nbsp; 可以看到，这个例子中的结果，直接访问 name 会返回 undefined 的结果。可以看到这 个例子与门户大开型的区别， 门户大开型中的变量使用 this 来创建， 而这个例子中使用 var 来创建， check 函数也是如此，使得 name 与 check 函数只能在构造函数的作用域中访问， 外界无法直接访问。 该方法解决了前两种方法的问题， 但是也有一定的弊端。 在门户大开型对象创建模式中， 所有方法都创建在原型对象中， 因此不管生成多少对象实例， 这些方法在内存中只存在一份， 而采用该方法， 每生成一个新的对象都会为每个私有变量和方法创建一个新的副本， 故会耗 费更多的内存。 JavaScript 中的继承 Book 基类： va