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()也是实例化构造函数

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

相关推荐
狐凄3 分钟前
Python实例题:Python计算概率论
开发语言·python·概率论
全宝7 分钟前
🔢前端解决浮点数运算精度丢失的问题
前端·javascript
前端双越老师12 分钟前
学不动了?没事,前端娱乐圈也更新不动了
javascript·react.js·ai编程
江城开朗的豌豆13 分钟前
JavaScript篇:偷懒也有理!事件代理让我少写一半代码
前端·javascript·面试
q5673152328 分钟前
分布式增量爬虫实现方案
开发语言·分布式·爬虫·python
勤奋的知更鸟34 分钟前
LLaMA-Factory和python版本的兼容性问题解决
开发语言·python·llama-factory
ai产品老杨35 分钟前
实现自动化管理、智能控制、运行服务的智慧能源开源了。
前端·javascript·vue.js·前端框架·ecmascript
CIb0la36 分钟前
Ai自动补全编程工具:llama vscode
运维·开发语言·学习·测试工具·程序人生
默默无闻的白夜41 分钟前
【Vue】初学Vue(setup函数,数据响应式, 脚手架 )
前端·javascript·vue.js
萌萌哒草头将军1 小时前
⚡⚡⚡Rstack 家族即将迎来新成员 Rstest🚀🚀🚀
前端·javascript·vue.js