首页 > 代码库 > JavaScript Patterns 3.2 Custom Constructor Functions
JavaScript Patterns 3.2 Custom Constructor Functions
When you invoke the constructor function with new, the following happens inside the function:
? An empty object is created and referenced by this variable, inheriting the prototype of the function.
? Properties and methods are added to the object referenced by this.
? The newly created object referenced by this is returned at the end implicitly (if no other object was returned explicitly).
var Person = function (name) { this.name = name; this.say = function () { return "I am " + this.name; }; }; var adam = new Person("Adam"); adam.say(); // "I am Adam"
Note
reusable members, such as methods, should go to the prototype.
Person.prototype.say = function () { return "I am " + this.name; };
Constructor‘s Return Values
When invoked with new, a constructor function always returns an object inheriting from the constructor‘s prototype.
var Objectmaker = function () { // this `name` property will be ignored // because the constructor // decides to return another object instead this.name = "This is it"; // creating and returning a new object var that = {}; that.name = "And that‘s that"; return that; }; // test var o = new Objectmaker(); console.log(o.name); // "And that‘s that"
You have the freedom to return any object in your constructors, as long as it‘s an object. Attempting to return something that‘s not an object (like a string or a boolean false, for example) will not cause an error but will simply be ignored, and the object referenced by this will be returned instead.