JS实例、静态的属性和方法

原创已于 2022-04-27 10:45:38 修改 · 1.6k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #前端

于 2022-04-27 10:41:20 首次发布

本文深入探讨了React类组件中实例属性和方法与静态属性和方法的区别。实例属性和方法只能通过创建的实例访问，而静态属性和方法则直接通过类本身调用。了解这些差异对于优化React应用的代码组织和性能至关重要。

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

在react类的props校验中，需要用到静态属性进行校验，这里总结了实例和静态属性及方法的不同

class List {
    name = '实例属性'
    look = () => {
        console.log('实例方法');
    }
    static hh = 'static属性'
    static see = () => {
        console.log('static方法');
    }
}

const lis = new List()
// 访问实例属性、调用实例方法
console.log(lis.name);
lis.look()
// 访问静态属性、调用静态方法
console.log(List.hh);
List.see()

总结：

实例属性和方法是在实例上进行访问和调用

静态属性的访问及静态方法的调用则需要在class类上进行