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: '漂流' }; 
  ......

 

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

规则：1.函数名首字母大写(不强制,只是为了和普通函数区别)
           2.通过this来给对象添加属性和方法

 function Student(name, gender,age, hobby) {
    this.name = name;
    this.gender = gender;
    this.age = age;
    this.hobby = hobby;
    this.from=function(){
      console.log(this.name+'来自中国');
    }
 }

 

根据构造函数创建多个对象，必须使用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); //张三
 s1.from(); //张三来自中国

 

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

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

执行时：　　

　　1.当以 new 关键字调用时，即使用构造函数创建对象时，内部就执行new object();
　　2.构造函数会创建一个新的内存空间，此内存空间作用域给新对象,即 Student 的实例
　　3.函数体内部的 this 指向该内存【 Student 的实例】
　　4.返回新对象不需要return

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