javaScript【创建对象、创建类、成员变量、方法、公有和私有、静态】

朱雀 2021-09-17 05:42 308阅读 0赞

# 创建对象 #

## 方式① ##

**直接使用new Object()**

var obj = new Object();

## 方式② ##

**使用空的\{\}大括号**

var obj2 = {};

## 测试 ##

![这里写图片描述][SouthEast]

# 增加属性，访问属性 #

**我们要为创建的对象增加属性和访问属性的值**！

## 使用.操作符增加属性 ##

**JavaScript是弱类型的语言，可以动态的添加属性。**

obj.age = 20;
        obj.name = "zhongfucheng";
        obj.say = function () { 
            alert("hello");
        };

### **测试** ###

![这里写图片描述][SouthEast 1]

--------------------

## 使用.操作符访问属性 ##

var aa = obj.age;
        var bb = obj.name;

### **测试** ###

![这里写图片描述][SouthEast 2]

--------------------

## 使用\[\]操作符访问属性 ##

var aa = [obj["age"]];
        var bb = [obj["name"]];

### **测试** ###

![这里写图片描述][SouthEast 2]

--------------------

# 创建类 #

## 方式① ##

**使用function来模拟创建类，function充当了构造函数**

//测试函数
            function test() { 
    
                var teacher = new Teacher();
    
            }
    
            //使用function来模拟类
            function Teacher() { 
    
            }

### **测试** ###

![这里写图片描述][SouthEast 3]

--------------------

## 方式② ##

上面的function来模拟类很容易和函数混淆。

我们一般这样做：**用一个变量记住一个匿名的function当做是类，function充当了构造函数**

function test() { 
    
                var teacher = new Teacher();
    
            }
            var Teacher = function () { 
    
    
            };

### **测试** ###

![这里写图片描述][SouthEast 4]

--------------------

## 方式③ ##

**使用JSON语法来创建类，也就是对象直接量定义方法**

var obj = { age: 20, str: "zhongfucheng", method:function () { alert("aaa"); } };

### **测试** ###

![这里写图片描述][SouthEast 5]

--------------------

# 公有属性和方法 #

我们**创建公有属性应该在类中指定，创建公有方法应该使用原型对象prototype**

**prototype定义的属性就类似于Java的静态成员：在原型对象上定义了属性，拥有这个原型对象的function所创建的对象也拥有定义的属性！所以，我们方法中就使用prototype**

**创建两个不同的Teacher对象，name属性是不一样的。而它们共享同一份setName()和getName()方法**

![这里写图片描述][SouthEast 6]

值得注意的是：**prototype定义的属性只可读的**。如果你想要**使用具体对象**写prototype的属性，实际上并不是写，**而是重新为该类定义了一个同名(和prototype同名)的属性**。在**读取同名属性的时候，优先读取对象上的属性**，而不是prototype的。

--------------------

# 私有属性 #

我们在Java中，定义私有属性是通过关键字private来修饰的。。

在JavaScript中是没有这样的关键字的，我们需要这样做：**定义在方法内【也就是function内部，也可以看作成构造函数】的变量，就是私有变量。**

var obj = function Teacher(name) { 
    
                //这是私有属性，外界不能访问
                var age = 23;
    
                //这是公有属性，外界可以访问
                this.name = name;
    
                //想要访问私有变量age，只能在这里编写方法来访问。其余的地方都不行！
    
                //我们通常就是在这里编写公有方法来访问私有属性
    
            };

# 静态属性和方法 #

**在JavaScript中定义静态属性其实就是通过prototype原型对象来定义的**。

定义静态的时机：

*  当类的某个值与**对象无关期望所有位置看到的结果是一样的时候，就可以定义为类静态属性**。
 *  如果类的一个方法做的是**和具体对象无关的操作，而是做一些工作操作的时候，就可以将这个方法定义为静态的类方法**。

//静态属性TYPE
        Book.TYPE = “IT”;
    
        Book.print = function(){ alert(Book.TYPE);}

--------------------

[SouthEast]: /images/20210827/17b8d8a3729242ed9c2b5a025e1728aa.png
[SouthEast 1]: /images/20210827/1981de222f80419795de9546aef41b32.png
[SouthEast 2]: /images/20210827/d39169c9360c45819e823b9178fe377c.png
[SouthEast 3]: /images/20210827/c56a2d7b1cc74540823ae6225f77241e.png
[SouthEast 4]: /images/20210827/e120936ae56e4a17a76e01c0f4e7abd6.png
[SouthEast 5]: /images/20210827/13785139cb9548a2bd078fbb268c5566.png
[SouthEast 6]: /images/20210827/d57c29ae23e34783b2fc5c8b3268b492.png