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
}