js学习-5（面向对象）

一、面向对象简介

面向对象：通过将特征和行为封装起来，便于后续的重复调用。

​ 对象的作用是：封装信息。比如Student类里可以封装学生的姓名、年龄、成绩等。

​ 对象具有特征（属性）和行为（方法）。

面向对象：可以创建自定义的类型，很好的支持继承和多态。

面向对象的特征：封装、继承、多态。

基本数据类型和引用数据类型的对比

• 基本数据类型（值类型）：String 字符串、Number 数值、Boolean 布尔值、Null 空值、Undefined 未定义。
• 引用数据类型（引用类型）：Object 对象。

基本数据类型：

基本数据类型的值直接保存在栈内存中，值与值之间是独立存在，修改一个变量不会影响其他的变量。

对象：

只要不是那五种基本数据类型，就全都是对象。

如果使用基本数据类型的数据，我们所创建的变量都是独立，不能成为一个整体。

对象属于一种复合的数据类型，在对象中可以保存多个不同数据类型的属性。

对象是保存到堆内存中的，每创建一个新的对象，就会在堆内存中开辟出一个新的空间。变量保存的是对象的内存地址（对象的引用）。

换而言之，对象的值是保存在堆内存中的，而对象的引用（即变量）是保存在栈内存中的。

如果两个变量保存的是同一个对象引用，当一个通过一个变量修改属性时，另一个也会受到影响。

二、对象的分类

1.内置对象：

• 由ES标准中定义的对象，在任何的ES的实现中都可以使用
• 比如：Math、String、Number、Boolean、Function、Object…

2.宿主对象：

• 由JS的运行环境提供的对象，目前来讲主要指由浏览器提供的对象。
• 比如 BOM DOM。比如console、document。

3.自定义对象：

• 由开发人员自己创建的对象

三、对象的基本操作

1、创建对象

使用new关键字调用的函数，是构造函数constructor。构造函数是专门用来创建对象的函数。

例如：

    var obj = new Object();

另外，使用typeof检查一个对象时，会返回object。

方法一：对象字面量

对象的字面量就是一个大括号{}，里面的属性和方法均是键值对，即key和value。

    var obj = {
        属性名:属性值；
        .....
    };

使用对象字面量，可以在创建对象时，直接指定对象中的属性。语法：{属性名:属性值,属性名:属性值…}

对象字面量的属性名可以加引号也可以不加，建议不加。如果要使用一些特殊的名字，则必须加引号。

属性名和属性值是一组一组的键值对结构，键和值之间使用:连接，多个值对之间使用,隔开。如果一个属性之后没有其他的属性了，就不要写,，因为它是对象的最后一个属性。

例如：

var student = {
   
    name: "小米",       //注意这里属性后面是用逗号隔开
    age: 18,
    hobby: function(){
   
        console.log(this.name + "喜欢rap");  
    }
}
console.log(student);  //输出结果为小米喜欢rap

方法二：工厂模式

**优势：**可以大批量的创建的创建对象。

**劣势：**使用工厂模式创建的对象，使用的构造函数都是object。多以创建的对象都是object类型，就会导致我们无法区分出不同类型的对象。

function student(name,age,gender){
   
    var obj = new Object();    //创建了新的对象
    obj.name = name;           //向对象中添加属性
    obj.age = age;
    obj.gender = gender;
    obj.grade = function(){
   
        console.log(this.name + "是二班的");
    }；
    return obj；       //返回对象
}
var student1 = student("小米"，12，"女");         //调用函数
var student2 = student("大米"，13，"男");

方法三：利用构造函数

function Student(name){
   
    this.name = name;