1
我有一些来自Glen Johnson的书的示例代码用JavaScript和CSS3编写的HTML5。QUnit测试返回“TypeError:undefined不是函数”
我的 '应用程序代码' 如下:
// Demo of how implementing inheritance works
var Vehicle = (function() {
function Vehicle(year, make, model) {
this.year = year;
this.make = make;
this.model = model;
}
Vehicle.prototype.getInfo = function() {
return this.year + ' ' + this.make + ' ' + this.model;
};
Vehicle.prototype.startEngine = function() {
return 'Vroom';
};
return Vehicle;
})();
var Car = (function (parent) {
Car.prototype = new Vehicle();
Car.prototype.constructor = Car;
function Car(year, make, model) {
this.wheelQuantity = 4;
parent.call(this, year, make, model);
}
Car.prototype.getInfo = function() {
return 'Vehicle Type: Car ' + parent.prototype.getInfo.call(this);
};
return Car;
})(Vehicle);
var Boat = (function (parent) {
Boat.prototype = new Vehicle();
Boat.prototype.constructor = Boat;
function Boat(year, make, model) {
this.propellerBladeQuality = 3;
parent.call(this, year, make, model);
}
Boat.prototype.getInfo = function() {
return 'Vehicle Type: Boat' + parent.prototype.getInfo.call(this);
}
})(Vehicle);
我的测试如下:
module("Implementing Inheritance", {});
test('Creating a Vehicle', function() {
expect(2);
var actual,
expected,
v = new Vehicle(2012, 'Toyota', 'Rav4');
actual = v.getInfo();
expected = '2012 Toyota Rav4';
equal(expected, actual);
actual = v.startEngine();
expected = 'Vroom';
equal(expected, actual);
});
test('Create a Car', function() {
expect(5);
var expectedYear = 2012,
expectedMake = 'Toyota',
expectedModel = 'Rav4',
c = new Car(expectedYear, expectedMake, expectedModel);
equal(c.year, expectedYear, 'Year');
equal(c.make, expectedMake, 'Make');
equal(c.model, expectedModel, 'Model');
equal(c.wheelQuantity, 4, 'wheelQuality');
equal(c.getInfo(), 'Vehicle Type: Car ' + expectedYear + ' ' + expectedMake + ' ' + expectedModel, 'getInfo()');
});
test('Create a Boat', function() {
expect(5);
var expectedYear = 12334,
expectedMake = 'dummy-make',
expectedModel = 'dummy-model',
expectedPropellerBladeQuality = 3,
b = new Boat(expectedYear, expectedMake, expectedModel);
equal(b.year, expectedYear, 'Year');
equal(b.make, expectedMake, 'Make');
equal(b.model, expectedModel, 'Model');
equal(b.propellerBladeQuality, expectedPropellerBladeQuality, 'propellerBladeQuality');
equal(b.getInfo(), 'Vehicle Type: Boat ' + expectedYear + ' ' + expectedMake + ' ' + expectedModel, 'getInfo()');
});
当它们运行时,开创汽车测试通过,但是创建小船测试失败,但有以下例外情况:
Died on test #1 at file:///C://JavaScript_Samples/tests/implementingInheritance.js:33:1: undefined is not a function
Source:
TypeError: undefined is not a function
at Object.<anonymous> (file:///C:/JavaScript_Samples/tests/implementingInheritance.js:40:13)
我看不出原因,Car
和Boat
的代码看起来与我完全相同。
我在Chrome和Firefox上试过这个,结果在两者中都是一样的。
有没有建议吗?
这就是它!谢谢你,谢谢你,谢谢你! – BanksySan 2013-05-08 23:29:49