JavaScript-构造函数

WGenji Lv4

构造函数

创建对象的三种方式

1
2
3
4
5
6
7
8
9
10
11
//利用对象字面量创建对象
const a = {
name: '张三'
}
//利用new Object 创建对象
const a = new Object({ name: '张三'})
//利用构造函数创建
function Person(name){
this.name = name
}
const a = new Person('张三')

构造函数

构造函数是一个特殊的函数,主要用来初始化对象,快速创建多个类似的对象

两个约定:

​ 命名以大写字母开头

​ 只能由”new”操作符来执行

实例化执行过程:

  1. 创建新空对象
  2. 构造函数this指向新对象
  3. 执行构造函数代码,修改this,添加新的属性
  4. 返回新对象

通过构造函数创建的对象称为实例对象,

实例对象中的属性和方法称为实例成员

构造函数的属性和方法被称为静态成员

内置构造函数

​ 实例对象不能使用构造函数

Object 三个静态方法

1
2
3
4
5
6
7
8
const o = {uname: 'pink', age: 18}
// 获取所有的属性名
console.log(Object.keys(o)) //['uname', 'age']
// 获取所有的属性值
console.log(Object.values(o)) //['pink', 18 ]
//拷贝对象 给对象添加属性
Object.assign(o, { gender: '男'})
console.log(o) //['uname', 'age', 'gender']

实例方法 Array

image-20220504201805647

image-20220504201925760

1
2
3
4
5
6
arr.reduce(function(累计值,当前元素){}, 起始值)
//1.如果有起始值,则以起始值为准开始累计,累计值=起始值
//2.如果没有起始值,则累计值以数组的第一-个数组元素作为起始值开始累计
//3.后面每次遍历就会用后面的数组元素累计到累计值里面(类似求和里面的sum)
const arr = [1,2,3]
arr.reduce((prev, item) => prev + item ) //6

其他常见的方法

image-20220504204701220

from() 伪数组转换成真数组

实例方法 String

image-20220507144115000

实例方法 number

1
2
const num = 10.923
num.toFixed(2) //保留两位小数
  • Title: JavaScript-构造函数
  • Author: WGenji
  • Created at : 2024-08-26 13:51:51
  • Updated at : 2024-08-26 13:51:51
  • Link: https://redefine.ohevan.com/2024/08/26/2.javascript/js进阶/2.构造函数/
  • License: This work is licensed under CC BY-NC-SA 4.0.