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

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

相关推荐
深邃-2 分钟前
【Web安全】-基础环境安装:虚拟机安装,JDK环境安装(1)
java·开发语言·计算机网络·安全·web安全·网络安全·安全架构
前端老石人5 分钟前
前端网站换肤功能的 3 种实现方案
开发语言·前端·css·html
Legendary_0086 分钟前
LDR6500U PD取电芯片:赋能设备Type-C升级,解锁高效安全取电新体验
c语言·开发语言·安全
冴羽yayujs6 分钟前
2026 年的 JavaScript 已经不是你认识的 JavaScript 了
前端·javascript
Rust研习社12 分钟前
深入理解 Rust 裸指针:内存操作的双刃剑
开发语言·后端·rust
Huangjin007_12 分钟前
【C++ STL篇(四)】一文拿捏vector常用接口!
开发语言·c++·学习
M ? A12 分钟前
你的 Vue v-for,VuReact 会编译成什么样的 React 代码?
前端·javascript·vue.js·经验分享·react.js·面试·vureact
午安~婉13 分钟前
Electron桌面应用(续3)
前端·javascript·electron·重构通用模型·异步可迭代对象
W.A委员会13 分钟前
伪类与伪元素
前端·javascript·css
午安~婉14 分钟前
Electron桌面应用(续2)
前端·javascript·electron·路由守卫·优化llm返回的内容