构造函数

Author Avatar
Ninefire 6月 08, 2018
  • 在其它设备中阅读本文章

使用Object( )构造函数创建对象

// 一个批量生成“人”对象的函数
function creatPerson(name, age, gender){
    // 创建一个对象
    var obj = new Object();

    // 给对象添加属性
    obj.name = name;
    obj.age = age;
    obj.gender = gender;
    obj.sayHello = function(){
        alert("Hello,我叫" + this.name + ",今年" + this.age + "岁了。");
    };

    return obj; // 返回创建的对象
}

// 使用创建的函数
var obj_ljg = creatPerson("李建钢", 23, "女");
obj_ljg.sayHello();

var obj_zdt = creatPerson("赵打铁", 22, "男");
obj_zdt.sayHello();
// 一个批量生成“狗”对象的函数
function creatDog(name, age){
    // 创建一个对象
    var obj = new Object();

    // 给对象添加属性
    obj.name = name;
    obj.age = age;
    obj.sayHello = function(){
        alert("汪汪汪~~~");
    };

    return obj; // 返回创建的对象
}

// 使用
var dog = createDog("旺财", 3);
dog.sayHello();
  • 工厂方法创建的对象,都是使用了构造函数new Object();,因此创建的对象都是Object类型,就导致我们无法区分多种不同类型的对象。

创建构造函数(类)

  • 创建一个构造函数,专门用来创建Person对象。
    构造函数就是一个普通的函数,创建方式和普通的函数没有区别。不同的是构造函数习惯上首字母大写,而调用构造函数时也有区别,普通函数是直接调用函数();,而构造函数需要使用new关键字调用new 函数();
  • 构造函数的执行流程:
    1. 立刻创建一个新的对象
    2. 将新建的对象设置为函数中的this,在构造函数中可以使用this引用新建的对象
    3. 逐行执行函数中的代码
    4. 将新的对象作为返回值返回
function Person(name, age, gender){
    this.name = name;
    this.age = age;
    this.gender = gender;
    this.sayHello = function(){
        alert("Hello,我叫" + this.name + ",今年" + this.age + "岁了。");
    };
}

var liJianGang = new Person("李建钢", 23, "女");

console.log(liJianGang instanceof Person); // true
console.log(dog instanceof Person); // false
console.log(liJianGang instanceof Object); // true
console.log(dog instanceof Object); // true
  • 使用同一个构造函数创建的所有对象,称为一类对象,也将一个构造函数称为一个类,比如上面的Person类。
  • 使用同一个构造函数创建的一个对象,称为该类的一个实例,比如上面的Person类的liJianGang实例。
  • 使用instanceof检查一个对象是否是某个类的实例
    语法:对象 instanceof 构造函数
    如果是则返回true,否则返回false
  • 所有的对象都是Object的后代,因此任何对象与Objectinstanceof检查都返回true

小结·this

  1. 当以函数的形式调用时,thiswindow
  2. 当以方法的形式调用时,this是该方法
  3. 当以构造函数的形式调用时,this是新创建的实例(对象)

如发现错误请联系我,谢谢你。
本文链接:http://ninefire.tk/JavaScript.basics/13.html