class 的基本语法

2021/4/25 18:25:07

本文主要是介绍class 的基本语法,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

· class 是ES6 提供的更接近于传统语言的写法, 作为对象的模板,通过class 关键字,可以定义类

· class 写法只是一个语法糖,它只是让对象原型的写法更加清晰,更像面向编程的语法。例如

// 传统原型对象写法
  function Person(x,y) {
    this.x  = x;
    this.y = y;
  }
  // 原型上添加方法
  Person.prototype.add = function () {
    return  this.x + this.y
  }
  let person1 = new Person(2,3)
  console.log(person1.add());  5 

   // class 写法
   // 注意: 定义类的写法的时候,不需要加上function 关键字
   // 方法之间不需要用逗号间隔,否则会报错
   class Person2 {
     constructor(x,y) {
       this.x = x;
       this.y = y
     } 
     add() {
       return this.x + this.y
     }
   }
   let person2 = new Person2(2,3)
   console.log(person2.add());

 

· 类完全可以看作构造函数的另一种写法:  Person === Person.prototype.constructor

· 使用类的时候直接像对象一样new即可

class Bar {
   sing () {
      console.log('xiaozhu')
   }
}

const bar = new Bar()

bar.sing();  // xiaozhu

 

· 构造函数的prototype属在类上依然村组,实际上,类中所有的方法都定义在类的prototype属性上

class Person {
   constructor () { 
       // ...
    }
    sing () {
       // ... 
    }
    dance() {
      // ...
    }
}

// 等同于
Person.prototype = {
  constructor() {},
  sing() {},
  dance () {}

}

 



这篇关于class 的基本语法的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程