JS构造函数

162 阅读2分钟

“我正在参加「掘金·启航计划」”

学习过程中将笔记整理跟大家分享,希望对大家也有所帮助,共同成长进步💪~
如果大家喜欢,可以点赞或留言💕~~~~,谢谢大家⭐️⭐️⭐️~~~

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)

此时,我们发现,创建对象,会很方便,在此场景下,产生很多重复代码,而使用构造函数就可以实现代码的复用。

最后感谢大家阅读,如果喜欢可以点赞或留言💕~~~~,谢谢大家⭐️⭐️⭐️~~~

专栏推荐

推荐一下自己的专栏,欢迎大家收藏关注😊~