js构造函数

why:

• 原来写法：每个同学的信息，重复繁琐

var p1 = { name: 'zs', age: 6, gender: '男', hobby: 'basketball' };
var p2 = { name: 'ls', age: 6, gender: '女', hobby: 'dancing' };
var p3 = { name: 'ww', age: 6, gender: '女', hobby: 'singing' };
var p4 = { name: 'zl', age: 6, gender: '男', hobby: 'football' };

• 构造函数：创建对象会变得非常方便，直接传参进去

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

var p1 = new Person('zs', '男', 'basketball');
var p2 = new Person('ls', '女', 'dancing');
var p3 = new Person('ww', '女', 'singing');
var p4 = new Person('zl', '男', 'football');

• 注意：
  当一个函数创建好以后，我们并不知道它是不是构造函数，即使像上面的例子一样，函数名为大写，我们也不能确定。只有当一个函数以 new 关键字来调用的时候，我们才能说它是一个构造函数。

语法糖：class

class Person{  //定义一个名字为Person的类
　　　　constructor(name,age){ //constructor是一个构造方法，用来接收参数
　　　　　　this.name = name;  //this代表实例对象
　　　　　　this.age = age;
　　　　}　
　　　　say(){  //这是一个类的方法，注意千万不要加上function
　　　　　　return   this.name + this.age
　　　　}
　　}
　　var obj = new Person('老铁'，18);
　　console.log(obj.say());

test() {
      var info = {
        "name": "liuwenli",
        "age": "18",
        "sex": "女"
      }
      class Star {
        constructor(i) {
          this.name = i.name;
          this.age = i.age;
        }
      }
      var lwl = new Star(info);
      console.log("这是我的test:"+lwl.name);    //这是我的test:liuwenli
      console.log("这是我的test:"+lwl.age);	//这是我的test:18
      console.log("这是我的test:"+lwl.sex);//这是我的test:undefined
    }