JS构造函数

构造函数是一种特殊的函数,主要用来初始化对象
使用场景:比如我对象与其他对象都相似,此时可以通过构造函数来快速创建多个类似的对象。

举个例子:

javascript 复制代码
    // 大头儿子
    const Son = {
        name:"大头儿子",
        age:6,
        gender:"男"
    }
    // 小头爸爸
    const Dad = {
        name:"小头爸爸",
        age:30,
        gender:"男"
    }
    // 小头妈妈
    const Mum = {
        name:"小头妈妈",
        age:30,
        gender:"女"
    }

我们看到这基本就是重复的,我们可以用到构造函数
注意事项:

1.它们的命名以大写字母开头。
2.它们只能由 " new " 操作符来执行。

javascript 复制代码
    function Family(name,age,gender) {
        this.name = name
        this.age = age
        this.gender = gender
    }
    const Son = new Family("大头儿子",6,"男")
    const Dad = new Family("小头爸爸",30,"男")
    const Mum = new Family("小头妈妈",30,"女")
    console.log(Son)
    console.log(Dad)
    console.log(Mum)


说明:
1.使用 new 关键字调用函数的行为被称为实例化
2.实例化构造函数时没有参数时可以省略()
3.构造函数内部无需写return,返回值即为新创建的对象
4.构造函数内部的return返回的值无效,所以不要写return
5.new Object() new Date()也是实例化构造函数

感谢大家的阅读,如有不对的地方,可以向我提出,感谢大家!

相关推荐
云知谷10 分钟前
【HTML】网络数据是如何渲染成HTML网页页面显示的
开发语言·网络·计算机网络·html
可触的未来,发芽的智生32 分钟前
新奇特:黑猫警长的纳米世界,忆阻器与神经网络的智慧
javascript·人工智能·python·神经网络·架构
lly2024061 小时前
SQL ROUND() 函数详解
开发语言
大宝剑1701 小时前
python环境安装
开发语言·python
前端开发爱好者1 小时前
尤雨溪官宣:"新玩具" 比 Prettier 快 45 倍!
前端·javascript·vue.js
欧阳呀1 小时前
Vue+element ui导入组件封装——超级优雅版
前端·javascript·vue.js·elementui
lly2024061 小时前
CSS3 多媒体查询
开发语言
天***88962 小时前
js封装一个双精度算法实现
开发语言·前端·javascript
.小小陈.2 小时前
数据结构2:单链表
c语言·开发语言·数据结构·笔记·学习方法