JavaScript对象及初识面向对象

JavaScript中的基本数据类型

         number(数值类型)

         string(字符串类型)

         boolean(布尔类型)

         null(空类型)

         undefined(未定义类型)

         object

对象是什么

                                  

 对象是包含相关属性和方法的集合体

属性

方法

什么是面向对象

面向对象仅仅是一个概念或者编程思想

通过一种叫做原型的方式来实现面向对象编程

创建对象

自定义对象

内置对象

自定义对象2-1

基于Object对象的方式创建对象

                     

 自定义对象2-2

使用字面量赋值方式创建对象

                      

 内置对象2-1

             常见的内置对象

                 String（字符串）对象

                 Date（日期）对象

                 Array（数组）对象

                 Boolean（逻辑）对象

                 Math（算数）对象

                 RegExp对象

内置对象2-2

    String（字符串）对象

         length属性

         indexOf( )方法、replace( )方法

    Date（日期）对象

         get×××：获取年、月、日、时、分、秒等等

         set×××：设置年、月、日、时、分、秒等等

    Array（数组）对象

         length属性 sort( )、concat( )、join( )方法

    Boolean（逻辑）对象

         true或者false toString( )方法

    Math（算数）对象

         round( )、max( )、min( )方法

         ……

    RegExp对象

          RegExp是正则表达式的缩写

学员操作—创建person对象

需求说明

             

 构造函数和原型对象

     如何解决使用同一个接口不需要创建很多对象，减少产生大量的重复代码？

       构造函数

       原型对象

构造函数

               

 创建构造函数

                   

 使用构造函数创建对象

              

 使用构造函数创建新实例

          调用构函数的4个步骤

              创建一个新对象

              将构造函数的作用域赋给新对象（this就指向了这个新对象）

              执行构造函数中的代码

              返回新对象

constructor属性

constructor属性指向Flower

alert(flower1.constructor==Flower);

alert(flower2.constructor==Flower);

alert(flower3.constructor==Flower);

instanceof操作符

使用instanceof操作符检测对象类型

alert(flower1 instanceof Object);

alert(flower1 instanceof Flower);

alert(flower2 instanceof Object);

alert(flower2 instanceof Flower);

alert(flower3 instanceof Object);

alert(flower3 instanceof Flower);

原型对象2-1

   示例               

 原型对象2-2

       示例           

 继承

     原型链

     对象继承

原型链4-1

            

 原型链4-2

         

 原型链4-3

      构造函数和原型之间的关系

         

 原型链4-4

调用man1.getFoot( ) 经历的三个步骤

搜索实例

搜索Man.prototype

搜索Humans.prototype

完整的原型链

Object在原型链中的位置

           

对象继承 

         

 借用构造函数2-1

 应用某一对象的一个方法，用另一个对象替换当前对象

调用一个对象的一个方法，以另一个对象替换当前对象 

借用构造函数2-2

       

 组合继承

组合继承：有时也叫做伪经典继承

将原型链和借用构造函数的技术组合到一块，发挥二者之长的一种继承模式

使用原型链实现对原型属性和方法的继承，而通过借用构造函数来实现对实例属性的继承

总结

JavaScript对象及初识面向对象

对象

对象的概念

内置对象

自定义对象

操作符new创建对象

使用字面量赋值的方式在定义对象

构造函数

什么是构造函数

构造函数的应用