关于JavaScript面向对象编程

「爱情、让人受尽委屈。」 2022-05-14 03:05 228阅读 0赞

1.  对象可以包含相关的数据和代码,这些代表现实世界模型的一些信息或者功能,或者它特有的一些行为. 对象数据(也经常称为函数) 可以有结构的存储 (官方术语为 封装) 在对象包内 (也可以给一个特殊的名字来表示,有时候也叫做命名空间), 可以使它容易组织和访问; 对象也通常用于存储数据,这样就可以很容易的在网络上传输.
2.  当一个对象实例需要从类中创建出来时，类的构造函数就会运行来创建这个实例。这种创建对象实例的过程我们称之为实例化-实例对象被类实例化。
3.  JavaScript 用一种称为构建函数的特殊函数来定义对象和它们的特征。构建函数提供了创建您所需对象（实例）的有效方法，将对象的数据和特征函数按需联结至相应对象。
4.  一个构建函数通常是大写字母开头，这样便于区分构建函数和普通函数。
5.  JavaScript有个内嵌的方法create(), 它允许您基于现有对象创建新的对象实例。create() 实际做的是从指定原型对象创建一个新的对象。
6.  JavaScript 常被描述为一种基于原型的语言 (prototype-based language)——每个对象拥有一个原型对象，对象以其原型为模板、从原型继承方法和属性。原型对象也可能拥有原型，并从中继承方法和属性，一层一层、以此类推。这种关系常被称为原型链。
7.  理解对象的原型（可以通过Object.getPrototypeOf(obj)或者已被弃用的**proto**属性获得）与构造函数的prototype属性之间的区别是很重要的。前者是每个实例上都有的属性，后者是构造函数的属性。也就是说，Object.getPrototypeOf(new Foobar())和Foobar.prototype指向着同一个对象。
8.  默认情况下, 所有函数的原型属性的 **proto** 就是 window.Object.prototype.
9.  原型链中的方法和属性没有被复制到其他对象——它们被访问需要通过前面所说的“原型链”的方式。
10. prototype 属性大概是 JavaScript 中最容易混淆的名称之一。你可能会认为，this 关键字指向当前对象的原型对象，其实不是（还记得么？原型对象是一个内部对象，应当使用 **proto** 访问）。prototype 属性包含（指向）一个对象，你在这个对象中定义需要被继承的成员。
11. 每个实例对象都从原型中继承了一个constructor属性，该属性指向了用于构造此实例对象的构造函数。
12. 你可以在 constructor 属性的末尾添加一对圆括号（括号中包含所需的参数），从而用这个构造器创建另一个对象实例。毕竟构造器是一个函数，故可以通过圆括号调用；只需在前面添加 new 关键字，便能将此函数作为构造器使用。
13. 事实上，一种极其常见的对象定义模式是，在构造器（函数体）中定义属性、在 prototype 属性上定义方法。
14. call()这个函数允许您调用一个在这个文件里别处定义的函数。第一个参数指明了在您运行这个函数时想对“this”指定的值，也就是说，您可以重新指定您调用的函数里所有“this”指向的对象。其他的变量指明了所有目标函数运行时接受的参数。
15. 任何您想要被继承的方法都应该定义在构造函数的prototype对象里，并且永远使用父类的prototype来创造子类的prototype，这样才不会打乱类继承结构。
16. 总结一下，您应该基本了解了以下三种属性或者方法：

1.  那些定义在构造器函数中的、用于给予对象实例的。这些都很容易发现 - 在您自己的代码中，它们是构造函数中使用this.x = x类型的行；在内置的浏览器代码中，它们是可用于对象实例的成员（通常通过使用new关键字调用构造函数来创建，例如var myInstance = new myConstructor()）。
2.  那些直接在构造函数上定义、仅在构造函数上可用的。这些通常仅在内置的浏览器对象中可用，并通过被直接链接到构造函数而不是实例来识别。 例如Object.keys()。
3.  那些在构造函数原型上定义、由所有实例和对象类继承的。这些包括在构造函数的原型属性上定义的任何成员，如myConstructor.prototype.x()。

17.考虑到JavaScript的工作方式，由于原型链等特性的存在，在不同对象之间功能的共享通常被叫做 委托。

18.串联了多个赋值表达式在一起,这样能更快地设置变量。

19.命名空间是一个容器，它允许开发人员在一个独特的，特定于应用程序的名称下捆绑所有的功能。 在JavaScript中，命名空间只是另一个包含方法，属性，对象的对象。与其他面向对象编程语言不同的是，Javascript中的普通对象和命名空间在语言层面上没有区别。

20.关键字 this调用类中的属性, this是对当前对象的引用。

21.为定义一个方法, 需要将一个函数赋值给类的 prototype 属性; 这个赋值给函数的名称就是用来给对象在外部调用它使用的。

22.现在我使用delete运算符删除本地实例属性，那么取到的是就是原型属性了。

23.在javascript中，一切都是对象，Function和Object都是函数的实列;构造函数的父原型指向于Function原型，Function.prototype的父原型指向与Object的原型，Object的父原型也指向与Function原型，Object.prototype是所有原型的顶层。

24.我们想要仅在该对象内查找的话，为了提高性能，我们可以使用hasOwnProperty()来判断该对象内有没有该属性，如果有的话，就执行代码(使用for-in循环查找)。

25.for-in循环查找对象的属性，它是不保证顺序的，for-in循环和for循环；最本质的区别是：for循环是有顺序的，for-in循环遍历对象是无序的，因此我们如果需要对象保证顺序的话，可以把对象转换为数组来，然后再使用for循环遍历即可。

26.类继承也叫做构造函数继承，在子类中执行父类的构造函数；实现原理是：可以将一个构造函数A的方法赋值给另一个构造函数B，然后调用该方法，使构造函数A在构造函数B内部被执行，这时候构造函数B就拥有了构造函数A中的属性和方法，这就是使用类继承实现B继承与A的基本原理。

27.封装类实现继承的基本原理：先定义一个封装函数extend；该函数有2个参数，Sub代表子类，Sup代表超类；在函数内，先定义一个空函数F, 用来实现功能中转，先设置F的原型为超类的原型，然后把空函数的实例传递给子类的原型，使用一个空函数的好处是：避免直接实例化超类可能会带来系统性能问题，比如超类的实例很大的话，实例化会占用很多内存。

28.类继承和原型继承，但是这些继承无法继承DOM对象，也不支持继承系统静态对象，静态方法等。

29.复制继承的基本原理是：先设计一个空对象，然后使用for-in循环来遍历对象的成员，将该对象的成员一个一个复制给新的空对象里面;这样就实现了复制继承了。

30.混合继承是把多种继承方式一起使用，发挥各个优势，来实现各种复杂的应用。最常见的就是把类继承和原型继承一起使用。做法是将需要独立的属性方法放入构造函数中，而可以共享的部分则放入原型中，这样做可以最大限度节省内存而又保留对象实例的独立性。