请叫我一米 » Javascript 101 : 构造函数

Javascript 101 : 构造函数

ECMAScript 5.1 规范定义了调用内建构造函数时候的行为，例如，不仅 new Array(1,2) 是正确的，直接使用 Array(1,2) 也是正确的。也就是说这两种方式都可以用，但是结果却不同，第一种创建并初始化一个新的数组对象，而第二种则返回一个具有那两个参数的表达式，但是其构造函数必须是函数才行。

例如，Object() 可以进行数据类型的转换，而 String() 也可以，例如：String();

var a = new String(1);
console.log(a);
// { '0': '1' }
var b = String(1);
console.log(b);
// '1'

Date() 构造函数也可以进行类型转换，但是这样有时候有比较混乱，尤其是对那些只想让日期可读的初学者。例如，

var a = new Date(2012, 0, 1);
// Sun, 01 Jan 2012 00:00:00 GMT
Date(2012, 0, 1)
// 'Sun Jun 10 2012 11:28:03 GMT+0100 (BST)'

第一段代码返回来日期对象，而第二段代码返回了原始的日期字符串。

从构造函数返回的对象

在规范的 13.2.2 节,从构造函数返回的对象的行为被定义为：如果使用 Type(result) 来检测返回的是 object 的话，则直接返回 result。

这使得构造函数返回另一个对象而不是一个实例。

function Shape() {
  return {
    x: 1, y: 1
  };
}

Shape.prototype = {
  move: function() {}
};

var shape = new Shape();
shape.move();
// TypeError: Object #<Object> has no method 'move'

返回没有此方法的结果，因为 shape 返回 {x: 1, y: 1} ，而其没有 move() 方法，可以使用 instanceof 来测试是否构造函数是作为构造函数来调用的。

function Shape() {
  if (this instanceof Shape) {
    // An object is being instantiated
  } else {
    return {
      a: 'b'
    };
  }
}

Shape.prototype = {
  move: function() {}
};

var shape = new Shape();
shape.move(); //instance nothing returned

Shape(); // Returns { a: 'b' }

jQuery 也使用了类似的方法来实例化 jQuery.Event 对象，而不需要 new 关键字。

jQuery.Event = function( src, props ) {
  // Allow instantiation without the 'new' keyword
  if ( !(this instanceof jQuery.Event) ) {
    return new jQuery.Event( src, props );
  }

此工厂式的行为也可能适合某些API – Dojo 在 NodeList 也使用了它。

结论

调用内置构造函数时，如果不使用关键字，则是类型转换，但是某些构造函数的行为又好像使用了 new 关键字，为了避免因为丢掉 new 关键字而造成的 bug ，所以，还是要牢记，加 new 关键字，和不加，是不一样的。

所以，当编写构造函数的时候，这个行为可以被用来创建类工厂式的 API，这是因为一个构造函数被当作函数调用的话，其行为可以被检测得到。

想了解更多这方面的知识，请在 ECMAScript 规范中搜索 called as a function 。

Javascript 101 : 构造函数

Javascript 101 : 构造函数

相关

没有评论