javascript自定义对象之构造函数

• 构造函数

• 通过构造函数创建一个javascript对象，步骤如下：

• 1）创建构造函数，构造函数名，通常采用Pascal命名法，首字母需要大写

• 2）用new运算符和构造函数来创建一个对象

• 【语法】

• function ClassName ([param1][,param2]...){
      this.propertyName = value;
      //其它属性
      this.methodName = functionName | function () {...};
      //其它方法....
  }    

   

• 其中：ClassName表示构造函数名；
• 构造函数的格式跟普通函数的格式基本一样，分为无参构造函数和有参构造函数；
• 方法所引用的函数需要写在构造函数体之内，否则在该方法中不能直接操作该对象的属性；
• this是关键字，用于引用当前对象。
• 【示例】构造函数创建对象

• //创建构造函数
  function Goods(name,type,price,color){
      this.name = name;
      this.type = type;
      this.price = price;
      this.color = color;
      this.showInfo = function () {
          alert("商品名称：" + this.name + "商品类型：" + this.type + "商品价格：" + this.price + "商品颜色：" + this.color);
      };
      this.showColor = showColor;
      function showColor = function () {
          alert("商品颜色：" + this.color);
      }
  }
  //创建对象实例
  var goods1 = new Goods("男士衬衣","男装",200,"白色");
  var goods2 = new Goods("女士花裙","女装",700,"红色");
  //方法的调用
  goods1.showInfo();
  goods2.showColor();

   

• 通过构造函数创建对象时，会重复生成对象所引用的函数，为每个对象都创建一个的函数版本。

• 上一篇：javascript自定义对象之原始方式

• 下一篇：javascript自定义对象之原型方式