JavaScript 面向对象编程

时间：2024-10-11 11:07:54

一、面向对象

学习 JavaScript 中基于原型的面向对象编程序的语法实现，理解面向对象编程的特征。

面向对象编程是一种程序设计思想，它具有 3 个显著的特征：封装、继承、多态。

1.1 封装

封装的本质是将具有关联的代码组合在一起，其优势是能够保证代码复用且易于维护，函数是最典型也是最基础的代码封装形式，面向对象思想中的封装仍以函数为基础，但提供了更高级的封装形式。

命名空间

先来回顾一下以往代码封装的形式：

<script>
  // 普通对象（命名空间）形式的封装
  let beats = {
    name: '狼',
    setName: function (name) {
       = ;
    },
    getName() {
      ();
    }
  }
​
  ('熊');
  ();
</script>

以往以普通对象（命名空间）形式封装的代码只是单纯把一系列的变量或函数组合到一起，所有的数据变量都被用来共享（使用 this 访问）。

构造函数

对比以下通过面向对象的构造函数实现的封装：

<script>
  function Person() {
     = '佚名';
    // 设置名字
     = function (name) {
       = name;
    }
    // 读取名字
     = () => {
      ();
    }
  }
​
  // 实例对像，获得了构造函数中封装的所有逻辑
  let p1 = new Person();
  ('小明');
  ();
​
  // 实例对象
  let p2 = new Person();
  ();
</script>
 

同样的将变量和函数组合到了一起并能通过 this 实现数据的共享，所不同的是借助构造函数创建出来的实例对象之间是彼此不影响的。
 

总结：
 

    

  1.  
    构造函数体现了面向对象的封装特性
     
    2. 
 
  2.  
    构造函数实例创建的对象彼此独立、互不影响
     
    3. 
 
  3.  
    命名空间式的封装无法保证数据的独立性
     
    4. 



注：可以举一些例子，如女娲造人等例子，加深对构造函数的理解。
 

原型对象
 

实际上每一个构造函数都有一个名为 prototype 的属性，译成中文是原型的意思，prototype 的是对象类据类型，称为构造函数的原型对象，每个原型对象都具有 constructor 属性代表了该原型对象对应的构造函数。
相关文章