JS构造函数

创建一个对象可以字面量创建或构造函数创建

字面量创建对象例如:

// 字面量创建对象
    var p1 = {
        name:"sunset",
        speak:function(){
            console.log("我是",+this.name);
        }
    }

但如果需要创建多个同一类型(属性和方法都相同)的对象,使用字面量不合适,可以使用构造函数创建

// 声明构造函数的语法和普通函数相同,但是构造函数的函数名首字母大写
function Student(name,stuID){
        // 通过new调用时,构造函数中的this表示正在创建的对象
        // 在构造函数中,需要把参数赋值给创建的对象的属性
        this.name = name;
        this.stuID = stuID;
        // 属于同一类的多个对象,属性值可以不同,但是方法都是相同的
        this.study = function(){
            console.log("正在学习");
        }
    }

(这里构造函数里的方法有点不太合适,因为每一个实例都会创建一个方法,太浪费,回头记解决方法)

使用构造函数创建对象,必须通过new调用

var s1 = new Student("sunset",111);
     console.log(s1);
     s1.study();

如果一个函数中参数非常多,其中某些参数还是可选的,那么函数设计时如果使用普通的形参列表,在调用时就会很麻烦,需要记住每一个位置对应的是哪个参数,对于这种函数,可以把参数写为一个对象,在调用时,临时字面量创建一个对象,需要传哪些参数就添加哪些属性

// 这里的param是一个对象
function Cellphone(param){
        this.brand = param.brand;
        this.price = param.price;
        this.size = param.size;
        this.color = param.color;
        this.type = param.type;
    }
var c2 = new Cellphone({
        brand:"小米",
        price:1000,
        type:"红米"
    });
    console.log(c2);

 

 

 

 

 

 

 

### 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]。 ---
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值