JS构造函数

博客介绍了JavaScript中函数调用的相关知识。使用new操作符调用的函数是构造函数,未使用则为普通函数。在未明确设置this值时,this指向Global对象(浏览器中为window对象),还说明了call和apply的区别,apply传入this和数组,call传入this和参数列表。

 任何函数只要使用new操作符调用就是构造函数,而不使用new操作符调用的函数就是普通函数。

let Person = function(name,age,job){
    this.name = name;
    this.age = age;
    this.job = job;
    this.sayName = function(){
        console.log(this.name)
    }
}

//作为构造函数
let person = new Person("Nich",29,"Software Engineer");
person.sayName();

//作为函数调用
let o = new Object();
Person.call(o,"Kristen",25,"Nurse");

在调用一个函数而没有明确设置this值的情况下(既没有作为对象的方法调用,或者没有使用call()/apply()调用),this始终执行Global对象(在浏览器中就是window对象)。

call/apply区别:

apply传入this和数组,call传入this和参数列表。

Function.prototype.apply(thisArg,argumentsList)

Function.prototype.call(thisArg,...argumentsList)

 

### JavaScript 构造函数的定义与使用 在 JavaScript 中,构造函数是一种特殊的函数,用于创建和初始化对象。构造函数的主要作用是为新创建的对象提供初始值或行为[^1]。构造函数通常以大写字母开头,以便与普通函数区分开来。通过 `new` 关键字调用构造函数时,JavaScript 会自动执行以下步骤: 1. 创建一个新的空对象。 2. 将该对象的原型(`__proto__`)链接到构造函数的 `prototype` 属性。 3. 将构造函数内部的 `this` 绑定到这个新对象。 4. 执行构造函数中的代码,为对象添加属性和方法。 5. 如果构造函数没有显式返回一个对象,则默认返回 `this`,即新创建的对象。 #### 定义构造函数 构造函数的定义方式与普通函数相同,但习惯上首字母大写,表示其作为构造函数的用途[^5]。例如: ```javascript function Car(make, model, year) { this.make = make; // 添加实例属性 this.model = model; this.year = year; } ``` 上述代码中,`Car` 是一个构造函数,它接受三个参数并为新创建的对象添加 `make`、`model` 和 `year` 属性。 #### 使用构造函数 要使用构造函数创建对象实例,必须通过 `new` 关键字调用。例如: ```javascript const myCar = new Car('Toyota', 'Corolla', 2022); console.log(myCar.make); // 输出: Toyota console.log(myCar.model); // 输出: Corolla console.log(myCar.year); // 输出: 2022 ``` 在这里,`new Car('Toyota', 'Corolla', 2022)` 创建了一个新的 `Car` 实例,并将其赋值给变量 `myCar`[^4]。 #### 构造函数的意义 构造函数的意义在于提供一种模板,用于生成具有相同结构的对象。通过构造函数,可以轻松地创建多个具有相同属性和方法的对象实例,同时为每个实例赋予独特的值[^3]。 #### 实例成员与静态成员 - **实例成员**:通过构造函数创建的对象称为实例对象,实例对象中的属性和方法称为实例成员。这些成员属于每个具体的实例对象。 - **静态成员**:构造函数本身的属性和方法被称为静态成员,它们不属于任何特定的实例对象,而是属于构造函数本身。 示例代码如下: ```javascript function Person(name, age) { this.name = name; // 实例成员 this.age = age; // 实例成员 } // 静态成员 Person.species = 'Homo sapiens'; const person1 = new Person('Alice', 25); console.log(person1.name); // 输出: Alice console.log(Person.species); // 输出: Homo sapiens ``` 在这个例子中,`name` 和 `age` 是实例成员,而 `species` 是静态成员[^4]。 ---
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值