JS构造函数

  • Post author:
  • Post category:其他


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

字面量创建对象例如:

// 字面量创建对象
    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);



版权声明:本文为Mr_Sunset原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。