当前位置：首页 > news >正文

javascript-es6 （四）

news 来源：原创 2025/5/2 7:39:56

深入对象

创建对象三种方式

1. 利用对象字面量创建对象

const object = {
    name:'佩奇'
}

2. 利用 new Object 创建对象

const re = new Object({name:'佩奇'})
console.log(re)  // {name:'佩奇'}

构造函数

是一种特殊的函数，主要用来初始化对象

使用场景： 常规的 {...} 语法允许创建一个对象。比如我们创建了佩奇的对象，继续创建乔治的对象还需要创建一个乔治的对象，就还需重新写一遍

//创建佩奇的对象
const peiqi = {
    name:'佩奇',
    age:6,
    gender:'女'
}

//再创建乔治的对象
const qiaozhi = {
    name:'乔治',
    age:5,
    gender:'男'
}

//再创建猪妈妈的对象
const Mum = {
    name:'猪妈妈',
    age:18,
    gender:'女'

此时可以通过构造函数来快速创建多个类似的对象

function Pig(name,age,gender) {
    this.name = name
    this.age = age
    this.gender = gender
}
//创建佩奇对象
const peiqi = new Pig('佩奇'，6，'女')
//创建乔治对象
const qiaozhi = new Pig('乔治'，5，'男')
//创建猪妈妈对象
const Mum = new Pig('猪妈妈'，18，'女')

console.log(peiqi)  //{name:'佩奇',age:6,gender:'女'}

构造函数在技术上是常规函数。

不过有两个约定：

1. 它们的命名以大写字母开头。

2. 它们只能由 "new" 操作符来执行