JS构造函数

简介: JS构造函数

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

举个例子:

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

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

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

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

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

相关文章
|
6天前
|
JavaScript
js开发:请解释什么是ES6的类(class),并说明它与传统构造函数的区别。
ES6的类提供了一种更简洁的面向对象编程方式,对比传统的构造函数,具有更好的可读性和可维护性。类使用`class`定义,`constructor`定义构造方法,`extends`实现继承,并可直接定义静态方法。示例展示了如何创建`Person`类、`Student`子类以及它们的方法调用。
23 2
|
6天前
|
JavaScript 前端开发
JavaScript中的正则表达式构造函数和正则表达式字面量
JavaScript中的正则表达式构造函数和正则表达式字面量
|
6天前
|
存储 JavaScript 前端开发
构造函数和原型的结合应用:轻松搞定JS的面向对象编程(三)
构造函数和原型的结合应用:轻松搞定JS的面向对象编程
|
6天前
|
设计模式 JavaScript 前端开发
构造函数和原型的结合应用:轻松搞定JS的面向对象编程(一)
构造函数和原型的结合应用:轻松搞定JS的面向对象编程
|
6天前
|
存储 JavaScript 前端开发
构造函数和原型的结合应用:轻松搞定JS的面向对象编程(二)
构造函数和原型的结合应用:轻松搞定JS的面向对象编程
|
4天前
|
JavaScript
js中如何使用工厂方式和构造函数创建对象,web开发项目实例
js中如何使用工厂方式和构造函数创建对象,web开发项目实例
|
4天前
|
JavaScript 前端开发
JavaScript构造函数模式:创建对象的另一种方式!
JavaScript构造函数模式:创建对象的另一种方式!
|
6天前
|
JavaScript 前端开发 索引
在JavaScript中,可以使用数组字面量或Array构造函数来创建一个数组对象
【4月更文挑战第16天】在JavaScript中,可以使用数组字面量或Array构造函数来创建一个数组对象
24 4
|
6天前
|
JavaScript 前端开发
深入了解JavaScript中的正则表达式构造函数和正则表达式字面量
深入了解JavaScript中的正则表达式构造函数和正则表达式字面量
194 1
|
6天前
|
JavaScript 前端开发
js继承的超详细讲解:原型链继承、构造函数继承、组合继承、原型式继承、寄生式继承、寄生组合式继承、class继承
js继承的超详细讲解:原型链继承、构造函数继承、组合继承、原型式继承、寄生式继承、寄生组合式继承、class继承
62 0