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

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

相关推荐
冬奇Lab1 小时前
AI Workflow 定义的四次演进:从 Markdown 到 JS 脚本,再到分布式多 Agent
javascript·人工智能·agent
一颗烂土豆7 小时前
Meshopt 压缩深度解析,为什么它比 Draco 更快
前端·javascript·webgl
kyriewen9 小时前
同事每天催我 Code Review,我写了个脚本让 AI 替我 review PR——现在他反过来催 AI 了
前端·javascript·ai编程
weedsfly12 小时前
迭代器、生成器与异步迭代——让数据“按需流动”的艺术
前端·javascript
假如让我当三天老蒯12 小时前
前端跨域解决方案(学习用)
前端·javascript·面试
铁皮饭盒14 小时前
Bun 哪比 Node.js 快?
javascript·后端
JieE21221 小时前
LeetCode 56. 合并区间|超清晰 JS 图解思路,面试高频区间题
javascript·算法·面试
candyTong1 天前
RTK 技术原理:一次典型会话里,80% 上下文是怎么省下来的
javascript·后端·架构
_柳青杨1 天前
深入理解 JavaScript 事件循环
前端·javascript
大家的林语冰1 天前
ES5 凉凉,Babel 8 正式发布,默认不再编译为 ES5 和 CJS......
前端·javascript·前端工程化