zoukankan      html  css  js  c++  java
  • es6中类中的静态属性、实例属性、静态方法、实例方法的个人理解

    静态的就是不会被实例继承的,是属于类自身的,实例继承不了,也调用不了,跟作用域一样

    静态属性、静态方法:就是类自身的属性和方法,只能在类自身调用,实例对象是无法调用到静态属性和方法的,只能类自身调用,当然子类也可以调用父类的静态属性和方法;

    实例属性、实例方法:就是实例可以调用的属性和方法,记住实例是无法调用类的静态属性和方法的,但是类可以调用实例属性和实例方法;

    声明静态属性

    就和普通的Object添加属性一样,object.a = a;(目前唯一一种方法);有人提议在类内部加static关键字,但是还没实现

    class F{};
    F.b="父类的静态属性";//给F类加静态方法

    声明静态方法:在方法前加上static关键字

    class Foo {
      static bar () {//静态方法  静态方法中的this指向类本身而不是实例
        this.baz();
      }
      static baz () {//静态方法
        console.log('hello');
      }
    }
     
    Foo.bar() // hello
    new Foo().bar();//实例调用不了,会报错

    声明实例属性

    1,在类中定义

    class MyClass {
      myProp = 42;
     
      constructor(props) {
        console.log(this.myProp); // 42
      this.name=props.name
    } } //上面代码中,myProp就是MyClass的实例属性。在MyClass的实例上,可以读取这个属性。

    2,在constructor中定义(react中经典写法)

    class ReactCounter extends React.Component {
      constructor(props) {
        super(props);//可以让子类继承
        this.state = {
          count: 0
        };
      }
    }
     
    //等价于
    class ReactCounter extends React.Component {
      state = {
        count: 0
      };
    }

    声明实例方法

    class Student {
        hello() {
            alert('Hello, '+ '!');
        }
    }
    new Student().hello();

  • 相关阅读:
    【Objective-C学习笔记】变量和基本的数据类型
    数据文件实时同步(rsync + sersync2)
    入园自述
    软件工程人才的社会需求现状与发展趋势分析
    ERP-安心卡功能
    银盒宝成APP下载地址
    关于新商家后台添加商品后,一体机上不显示分类问题解决流程
    各类型商户微信认证方法
    网商微信实名认证FAQ
    扫码下单支持同桌单人点餐FAQ
  • 原文地址:https://www.cnblogs.com/fqh123/p/12386375.html
Copyright © 2011-2022 走看看