js 静态属性和静态方法调用方法

最新推荐文章于 2023-06-25 14:43:22 发布

深夜的我最精神

最新推荐文章于 2023-06-25 14:43:22 发布

阅读量420

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/q915730058/article/details/117856335

版权

前端专栏收录该内容

45 篇文章 1 订阅

订阅专栏

本文通过两个示例介绍了JavaScript中静态方法和属性的调用方式。第一部分展示了一个错误的调用尝试，说明直接在实例上调用静态方法和属性会引发错误。第二部分展示了正确的调用方式，即通过类本身来调用静态方法和访问静态属性。这个博客帮助读者理解JavaScript中静态成员的使用规范。

摘要由CSDN通过智能技术生成

1. 天真的我以为这样调用

  <script>
    function Obj(name,age){
      this.age = age
      this.name = name
      this.test = function(){
        console.log(this.text)
      }
    }
    
    Obj.test2 = function(){
      console.log(123)
    }

    Obj.text = '文本'

    let obj2 = new Obj('周杰伦',35)
    
    obj2.test2()          //天真的我以为是这样可以调用静态方法,结果报错了
    console.log(Obj.text) //天真的我以为是这样可以调用静态属性,结果报错了
  </script>

2.正确的调用姿势

  <script>
    function Obj(name,age){
      this.age = age
      this.name = name
      this.test = function(){
        console.log(this.text)
      }
    }
    
    Obj.test2 = function(){
      console.log(123)
    }

    Obj.text = '文本'

    let obj2 = new Obj('周杰伦',35)
    
    Obj.test2()  
    console.log(Obj.text)
  </script>