JavaScript 面向对象入门

面向对象的概念

1、概念：

       从编程思想角度理解：面向过程的编程思想，关注解决问题的步骤；面向对象的编程思想，关注的是解决问题所需的对象。面向对象的编程思想继承自面向过程。

现有的两种程序思想：

      面向过程：关注的是解决问题的步骤

            优点：在小型程序中代码量量⽐比较少，开发成本低

            缺点：在构建大型项目时，代码逻辑不易捋顺、代码量太大、程序编写繁琐，增加开发  难度。

     面向对象：关注的是解决问题所需的对象

            优点：有效弥补了面向过程编程思想的不足。

            缺点：在小型程序中不如面向过程思想灵活、方便。

            从编程语言角度理解：面向对象的编程语言，必须有“类”和“对象”这两个概念，并且对象是经由类创建出来的；还需要有封装、继承、多态三个特征（如：Java语言）。

            JS语言不符合以上条件，但是有“对象”的概念，所以它是一门基于对象的编程语言。即JS不是一种面向对象的编程语言。

2、js和面向对象的关系：

            利用面向对象编程思想来指导js代码的书写方式。

   创建

   1>、字面量的方式（直接创建）

              语法：var对象名= {属性名1：属性值，

               属性名2：属性值，

              方法名：匿名函数}；

             例如：

             优势：快捷、直观、方便

             劣势：需要创建多个对象时，代码冗余

    2>、工厂模式（使用函数创建）

         语法：

               function函数名(形参列表) {

                     var 对象名 = {}；

                     对象名.属性名=参数1；

                     对象名.属性名=参数2；

                      对象名.方法名=function (){

                           操作；

                        }；

                    return  对象名；

                    }

   例如：

        优势：解决了了代码冗余的问题

      劣势：无法区分该对象的类型（如：系统类型，如number是Number（）创建的，但是自定义类型无法获取到，即  无法利用instanceof判定对象的归属关系）

3>、使用构造函数（函数名首字母⼤写）

    语法：

     function  构造函数名 (形参列表)  {

                 this.属性名 = 参数1；

                this.属性名 = 参数2；

                this.方法名=function (){

                 操作；

               }；

            }

例如：

     优势：解决了获取对象类型的问题，使用构造函数创建的对象自带一个constructor,通过该属性获取对象的类型(还可以使用instanceof检测对象是那个类型，

     实例：(person   instanceof     Person) ,  返回⼀个布尔值）。

     劣势：内存占用有点大。

4>、工厂模式和构造函数创建对象的区别

     1、在函数中没有显式的创建新对象

     2、直接把属性、方法赋值给了this指针

     3、没有return语句

5>、使用构造函数创建出来的对象可以标识这个对象属于哪一种类型。

6>、普通函数调用和构造函数调用的区别

         必须使用new操作符来创建新对象，如果像调用普通函数那样创建对象，

          就是在全局作用域中调用函数了，this指针会指向window对象

访问对象的属性与方法

     访问属性

 1、点语法和[]访问某⼀个属性

         1》使用点语法访问属性，点后直接跟属性名；

         2》使用[]访问属性，[]里是属性字符串（必须是字符串类型的数据）或保存属性名字符串的变量

例如：

2、使用for...in...遍历对象的所有属性（查询）

3、删除属性

          代码：

      运行结果:

4、 访问方法

    语法：对象名.方法名();

5、增加属性：

附加：

             1、数组名：代表数组首元素的地址。