ES6中static关键字使用

最新推荐文章于 2024-06-19 09:21:17 发布

千锋HTML5大前端

最新推荐文章于 2024-06-19 09:21:17 发布

阅读量356

点赞数

分类专栏：前端前端技术文章文章标签： es6 前端 javascript

本文链接：https://blog.csdn.net/sdasadasds/article/details/127733164

版权

本文探讨了ES6中引入的class和static关键字，强调static修饰的属性和方法属于类本身，不能通过实例化对象调用，且不能被子类继承。通过示例展示了static的基本使用，包括静态属性和方法的声明、调用以及在普通方法中如何修改静态属性。同时指出静态方法内的this指代类而非实例，并且静态方法和普通方法可以重名，因为它们属于不同对象。

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

伴随着ES6的发布,javascript中正式的引入了class(类),让js中的面向对象更加的规范标准,同时给想跨语言发展的前端同学们提供了更高的台阶,因为,后端语言的OOP也是class,语法基本一致呀!惊不惊喜
今天我们就来撩一把class中的static关键字,咳咳…拿出你的小马扎,和笔记本开始了…
前情回顾
想必各位前端的小伙伴们都知道,一般来书在class中只有属性和方法.都可以被实例化的对象进行调用,比如这样的.

 // 声明类
    class Boy {
   
      //定义属性
      info = '见过你的美,还能爱上谁?';
      // 定义方法
      say() {
   
        console.log('小姐姐,' + this.info);

      }
    }
    // 实例化类
    let b = new Boy;
    // 成功调用方法
    b.say();

结果
在这里插入图片描述
当我们再次声明一个使用static修饰的方法,使用实例化对象之后,你会发现

 // 声明类
    class Boy {
   
      //定义属性
      info = '见过你的美,还能爱上谁?';
      // 定义方法
      say() {
   
        console.log('小姐姐,' + this.info);

      }
      // static 修饰的方法
      static desc() {
   
        console.log('小姐姐,我看见你就犯困...');

      <