“我正在参加「掘金·启航计划」”
学习过程中将笔记整理跟大家分享,希望对大家也有所帮助,共同成长进步💪~
如果大家喜欢,可以点赞或留言💕~~~~,谢谢大家⭐️⭐️⭐️~~~
1.什么是构造函数
在JavaScript中,用new关键字来调用的函数,称为构造函数,构造函数首字母一般大写
2. 使用构造函数的场景
如果我们要做录公司员工信息的系统,我们要创建每一个员工“对象”
const xiaoMing = {
name: '小明',
age: 25,
career: 'coder',
}
const xiaoHong = {
name: '小红',
age: 24,
career: 'product manager'
}
//等等很多很多......
如果公司人数很多的情况下,我们需要重复写很多次。 这个时候构造函数的优势就体现出来了,我们发现,录入同学信息中都有,name,age,career这些属性,都有各自的值,那我们就把这些属性,当做构造函数的参数传入,让程序自动地去读取数据库里面一行行的员工信息,然后把拿到的姓名、年龄等字段塞进User函数里,由此创建出如下User函数。
function User(name, age, career) {
this.name = name;
this.age = age;
this.career = career;
}
如上函数,我们可以通过new关键字,也就是通过构造函数来创建对象了。
var user = new User('小明', 25, 'coder');
var user2 = new User('小红', 24, 'product manager');
console.log(user1,user2)
此时,我们发现,创建对象,会很方便,在此场景下,产生很多重复代码,而使用构造函数就可以实现代码的复用。
最后感谢大家阅读,如果喜欢可以点赞或留言💕~~~~,谢谢大家⭐️⭐️⭐️~~~
专栏推荐
推荐一下自己的专栏,欢迎大家收藏关注😊~