JavaScript 中利用闭包实现类私有属性的两种方案

作者:函数茶馆

时间:2026-10-27

浏览:462

本文介绍 JavaScript 中实现类私有属性的两种方法。首先解析基于 var 和闭包的基础原理,展示如何通过构造函数定义私有变量。随后,通过封装 $class 工具函数,优化代码结构,实现更规范的类定义与私有属性管理,确保属性无法通过实例直接访问。

文章目录

JavaScript 私有属性实现概述

此前曾探讨过 JavaScript 中的写类模式,但未涉及私有属性的具体实现。本文将对此进行补充说明。

基于闭包的基础实现

在 JavaScript 中,实现私有属性的核心机制是利用 var 声明变量结合闭包特性。具体实现方式如下所示。

基础代码示例如下:

function Person(n, a){
// public
this.name = n;
// private
var age = a;
this.getName = function(){
return this.name;
    } 
this.getAge = function(){
return age;
    } 
} 

通过测试可知,age 变量具有私有特性,无法通过点操作符直接访问,必须借助 getName 等公开方法获取。


测试代码如下:

var p = new Person('jack',23);
console.log(p.age); // undefined
console.log(p.getAge()); // 23

使用$class工具函数优化

上述基础实现并无特殊之处,接下来介绍一种借助工具函数实现的优化方案。


相关工具函数代码如下:

/** 
* @param {String} className
* @param {Function} classImp
 */
function $class(className, classImp){
function clazz(){
if(typeof this.init == "function"){
this.init.apply(this, arguments);
        } 
    } 
classImp.call(clazz.prototype);
window[className] = clazz;
} 

使用上述工具函数定义一个类,示例如下:


代码如下:

$class('Person', function(){
// 私有属性都定义在这
var age = '';
this.init = function(n, a){
// 共有属性挂在this上,初始化
this.name = n;
// 私有属性初始化
age = a;
    }; 
this.getName = function(){
return this.name;
    }; 
this.getAge = function(){
return age;
    } 
}); 

创建实例对象并测试,代码如下:


代码如下:

var p = new Person('jack',23);
console.log(p.name); // jack 共有的可使用点操作符获取
console.log(p.age); // undefined 私有的不能通过点操作符获取
console.log(p.getAge()); // 23 私有的age只能通过共有的方法getAge获取

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章