【JavaScript】JS面向对象--一句话理解公有属性和方法、私有属性和方法、静态属性和方法

灰太狼 2022-05-15 00:47 321阅读 0赞

相信很多朋友都被这几个东西折磨得死去活来，像混淆英文单词**contact/contest/context/contrast/contract** 一样。今天正好碰到了这个东西，把它记下来，整理一下。

# 公有属性、公有方法 #

*  定义 ： 指的是所属这个类的所有对象，都可以访问的属性，叫做公有属性。
 *  **理解 ： 一个模子刻出来的东西，都有的一样的属性和一样的能力。**
 *  es5中 ：

function User(name,age){ 
      this.name = name;  //公有属性
      this.age = age;
    }
    User.prototype.getName = function(){   //公有方法
      return this.name;
    }
    var user = new User('ljc',22);
    console.log(user.getName()); //ljc

*  es6中：
    
        class User {
            constructor (name,age) {
                this.name = name; //公有属性
                this.age = age;
            }
            getName () {  //公有方法
                return this.name;
            }
        }
        
        let user = new User('ljc',22);
        console.log(user.getName()); //ljc

# 私有属性、私有方法 #

*  定义 ： 私有属性只能在类的内部访问。
 *  理解 ： **模子的材质是铁，但从倒模（做出来）出的成品却不能知道模子的材质。**
 *  es5中 ：

function User(name,age){ 
      var name = name;//私有属性
      var age = age;
      function consoleAge(){ //私有方法
         console.log(age);
      }
      consoleAge(age); //22
    }
    var user = new User('ljc',22);

*  es6中 ：

class User {
            constructor (name,age) {
                this.name = name; //公有属性
                this.age = age;
                this.sex = 0; //公有属性
                let sex = 1; //私有属性
            }
            getName () {
                return this.name;
            }
        }
    
        let user = new User('ljc',22);
        console.log(user.getName());
        console.log(user.sex);