简单理解JavaScript中的封装与继承特性(简单理解贴现)

发布时间：2024-02-27

推荐整理分享简单理解JavaScript中的封装与继承特性(简单理解贴现)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:简单理解贝叶斯公式,简单理解贴现,简单理解抵押和质押区别,简单理解抵押和质押区别,简单理解抵押和质押区别,简单理解代位权大白话,简单理解DRG付费,简单理解抵押和质押区别,内容如对您有帮助，希望把文章链接给更多的朋友！

JavaScript中的封装封装简单地说就是让外界只能访问对象的共有变量和函数，隐藏细节和数据。js中有三种方法创建对象，分别为门户大开型、用命名规范区分私有变量、闭包创建真正的私有变量三种。1.门户大开型，是实现对象的最基础的方法，所有方法与变量都是共有的外界可以访问。

这个例子是门户大开型的典型，外界能直接访问对象的属性和方法。可以注意到属性和变量都有"this"来创建。 2.用命名规范区分私有变量，该方法是门户大开型的优化版本，只不过是在私有变量或方法前面用"_"区分，如果有程序员有意使用_getName()的方法来调用方法，还是无法阻止的，不是真正地将变量隐藏。 3.闭包创建真正的私有变量，该方法利用js中只有函数具有作用域的特性，在构造函数的作用域中定义相关变量，这些变量可以被定义域该作用域中的所有函数访问。

可以看到，这个例子中的结果，直接访问name会返回undefined的结果。可以看到这个例子与门户大开型的区别，门户大开型中的变量使用"this"来创建，而这个例子中使用var来创建，check函数也是如此，使得name与check函数只能在构造函数的作用域中访问，外界无法直接访问。该方法解决了前两种方法的问题，但是也有一定的弊端。在门户大开型对象创建模式中，所有方法都创建在原型对象中，因此不管生成多少对象实例，这些方法在内存中只存在一份，而采用该方法，每生成一个新的对象都会为每个私有变量和方法创建一个新的副本，故会耗费更多的内存。

JavaScript中的继承Book基类：

继承方法：

使用空函数F作为桥接，可以避免直接实例化父类时调用父类的构造函数带来额外开销，而且当父类的构造函数有参数时，想直接通过subClass.prototype = new superClass();实现父类构造函数的调用和原型链的继承是不行的。

添加这三句可以避免子类继承父类写Book.call(this,name);而是简单地写ArtBook.superClass.Constructor.call(this,name)便能实现。并且在子类重写父类方法的时候，可以调用到父类的方法：

ArtBook子类：

javascript实现dom元素可拖动摘要：最近在项目中要做一个图片预览的功能，这时候会遇到用户上传很大的图片，已经超出视图界面。最终决定做一个在固定宽和高的位置，用户可

javascript的几种继承方法介绍 1.原型链继承：构造函数、原型和实例的关系：每个构造函数都有一个原型对象，原型对象都包含一个指向构造函数的指针，而实例都包含一个指向原型

javascript函数命名的三种方式及区别介绍 javascript函数命名的三种方式及区别介绍第一functionfn(val1,val2){alert(val1+val2);}fn(1,2);第二varfn=function(){alert(val1+val2);}fn(1,2);第三varfn=newFunction("alert(val1+val2)");f