JavaScript 经典模式创建对象详解：构造函数与封装

JavaScript经典对象创建模式概述

概述

构造函数与new关键字的使用陷阱

使用构造函数来创建对象时，如果调用时遗漏了new关键字，函数将直接执行并返回undefined，而非预期的对象实例。

为了解决这一问题，可以定义一个专用的工厂函数（如createXXX），在函数内部显式调用new操作符，从而确保始终返回正确的对象实例。

function Student(props){
  this.name = props.name || '匿名';
  this.grade = props.grade || 1;  
}  

Student.prototype.hello = function(){
  alert('Hello, '+ this.name + '!');

}

function createStudent(props){　　
  return new Student(props || {});
}

构造函数返回值机制说明

需要特别注意，若构造函数内部没有显式使用return语句返回特定对象，JavaScript引擎默认会返回this，即新创建的对象；但若在封装函数中处理不当或逻辑错误，可能导致返回undefined。

示例

下面展示如何利用构造函数定义Cat类，为所有Cat实例赋予name属性，并通过原型共享say()方法，该方法返回格式为'Hello, xxx!'的字符串。

'use strict';

function Cat(name) {
  this.name = name;
}

Cat.prototype.say = function(){
  return ('Hello, ' + this.name + '!');
}

// 测试:
var kitty = new Cat('Kitty');
var doraemon = new Cat('哆啦A梦');
if (kitty && kitty.name === 'Kitty' && kitty.say && typeof kitty.say === 'function' && kitty.say() === 'Hello, Kitty!' && kitty.say === doraemon.say) {
  alert('测试通过!');
} else {
  alert('测试失败!');
}

以上就是JavaScript创建对象经典模式的完整解析，希望能为开发者提供实用参考。欢迎持续关注以获取更多技术内容。