JAVASCRIPT实现静态对象、静态方法和静态属性_javascript静态对象和动态对象-优快云博客

本文介绍了在JavaScript中实现静态方法和属性的两种方法。一种是直接定义静态对象包含静态方法和属性；另一种是在构造函数中定义静态属性和方法，并通过原型链添加非静态属性和方法。文章通过具体示例展示了如何使用这些静态和非静态特性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

/**
 * Created by kevinlou on 9/13/16.
 */

//Javascript语言的面向对象特征很弱 ， 其他面向对象语言在创建类时只要使用关键字static即可指定类为静态类 ， Javascript没有提供static这样的关键字 ， 要让Javascript也具有 “ 静态 ” 特性只有靠一些 “ 奇技淫巧 ” 了 。

//代码中列举了两种静态方法 / 属性的实现方式 ， 一种是静态类的静态方法和属性 ， 另一种是非静态类的静态方法和属性 ， 代码说明都写在每行的代码注释里 ， 这里就不重复了 。

/****************************************

 * 方法一

 * 类、方法、属性都为静态类型

 * 不能创建实例

 *****************************************/

var Time = {
    today: '2009-3-8',
    weather: 'rain',
    show: function () {
        alert('Today is ' + this.today);
    }
};


//静态对象可直接使用，无需创建实例

alert('It is ' + Time.weather + ' today.');
Time.show();


//下面的代码会出错，因为静态类不能创建实例

//var t = new Time();

//t.show();


/****************************************

 * 方法二

 * 普通对象，同时拥有静态和非静态属性、方法

 * 可以用实例化

 * 注意：

 *   1.静态方法/属性使用类名访问

 *   2.非静态方法/属性使用实例名访问

 *****************************************/

function Person(name) {
    //非静态属性
    this.name = name;

    //非静态方法
    this.show = function () {
        alert('My name is ' + this.name + '.');
    }

}

//添加静态属性，人都是一张嘴
Person.mouth = 1;

//添加静态方法，哇哇大哭
Person.cry = function () {
    alert('Wa wa wa …');
};

//使用prototype关键字添加非静态属性，每个人的牙可能不一样多
Person.prototype.teeth = 32;


//非静态方法必须通过类的实例来访问
var me = new Person('Zhangsan');

//使用非静态方法、属性
me.show();
alert('I have ' + me.teeth + ' teeth.');

//使用静态方法、属性
Person.cry();
alert('I have ' + Person.mouth + ' mouth.');