2.2 ES6中创建类的公共方法和属性

272 阅读1分钟

1.创建类 语法

 // 创建一个明星的类
      class Star{

      } ;
      // 2.利用new 创建1个对象
      var jack = new Star();
  1. 关于类的相关事宜 2.1 class关键字创建类,类名我们还是习惯定义首字母大写 2.2 类里面有constructor 函数,可以接受传递过来的参数,同时返回实例对象,不需要reture 2.3 constructor 函数,只有new 生成实例是,就会自动调用这个函数,如果我们不写这个函数,类也会自动生产 2.4生成实例new 不能省略 2.5最后注意语法规范,创建类,类名后不要加小括号,构造函数不需要function 3.类的属性
    <script>
      // 创建一个明星的类
      class Star{
    // 类里面的函数不需要写function constructor 接收实参
    constructor( uname ,age){     //里面是形参
      //  this 指向实例
          this.name = uname ;
          this.age = age ;
    }
      } ;
      // 2.利用new 创建1个对象 ,就有name 这个属性
      var jack = new Star( '杰克', 18);
      console.log(jack ) ;
  
      var zxy = new Star('张学友' ,48);
      console.log(zxy);
    </script>

4.类的共有方法

<script>
      // 创建一个明星的类
      class Star{
    // 类里面的函数不需要写function constructor 接收实参
    constructor( uname ,age){     //里面是形参
      //  this 指向实例
          this.name = uname ;
          this.age = age ;
    }
    // 1.多个函数 方法之间不需要添加逗号
    sing( song ){
      // console.log('会唱歌') ;
    // 2.方法不需要function
    console.log( this.name + song);

    }
      } ;
      // 2.利用new 创建1个对象 ,就有name 这个属性
      var jack = new Star( '杰克', 18);
      console.log(jack ) ;
  
      var zxy = new Star('张学友' ,48);
      console.log(zxy);
      // 3. 打印方法
      jack.sing('冰雨');
      //  4.方法可以加参数



    </script>