js基础-构造函数

什么是构造函数？
在 JavaScript 中，用 new 关键字来调用的函数，称为构造函数。

为什么要使用构造函数？
通过函数生成对象

比如给录入莫班学生个人信息,需创建很多对象

  var s1 = { name: '张三', gender: '男', age: 10, hobby: '篮球' };
  var s2 = { name: '李四', gender: '女', age: 11, hobby: '芭蕾' };
  var s3 = { name: '赵前', gender: '女', age: 12, hobby: '唱歌' };
  var s4 = { name: '孙武', gender: '男', age: 13, hobby: '漂流' }; 
  ......

如上创建对象太过繁琐，这时就可以使用构建函数。把相同属性作为构造函数参数。如下：

function Student(name, gender,age, hobby) {
this.name = name;
this.gender = gender;
this.age = age;
this.hobby = hobby;
}

根据构造函数创建多个对象，必须使用new关键字调用构造函数

var s1 = new Student('张三','男',10,'篮球');
var s2 = new Student('李四','男',11,'芭蕾');
var s3 = new Student('赵前','男',12,'唱歌');
var s4 = new Student('孙武','男',13,'漂流');
console.log(s1.name);

通过如上例子，可见构造函数可以实现代码复用。

构造函数执行过程
当一个函数创建好以后，就算函数名为大写，也不能确定这个函数就是构造函数。
只有当一个函数以 new 关键字来调用，才能说它是一个构造函数。

执行时：　　

1.以new 关键字调用，创建一个新的内存空间，标记为 Student 的实例。
　　2.函数体内部的 this 指向该内存【 Student 的实例】

构造函数和普通函数区别
　　1.创建方式一样，但构造函数首字母大写
　　2.作用不一样，构造函数用来创建实例
　　3.调用方式不一样
　　普通函数调用：直接调用如：person()
　　构造函数调用：使用new关键字调用如:new Person()

猜你喜欢