关于javascript:JavaScript之class的使用

JavaScript 之 class 的应用

工作中咱们常常须要创立一个 object，除了常见的间接定义，还有用构造函数。而 class 实际上也是构造函数，只不过它是在构造函数上的一层包装。

明天就简略介绍些 class 的用法并举一个简略的例子。

一、类的申明

要应用到关键字 class

举个例子

class DataBase {constructor(length,keys,values){this.data = []
   for(let i = 0;i<length;i++){this.data.push(this.createObjectByArray(keys,values))
   }
 }
 createObjectByArray(keys,values){let obj = {}
    keys.forEach((key,index)=>{obj[key] = values[index]
    })
    return obj
 }
 getValue(key,index){return this.data[index][key]
 }
 update(key,value,index){this.data[index][key] = value
 }
 query(filterFn){return this.data.filter(filterFn)
 }
 get(index){return this.data[index]
 }
 static test(){return 'test'}
}

咱们通过 class 关键字定义了一个 DataBase 的类

这个类在构建时须要传入三个参数，length、keys、length

构件时创立数组并通过调用外部的 createObjectByArray 办法初始化 data

一个类只有一个constructor 办法，外面专门用于创立和初始化一个由 class 创立的对象。

createObjectByArray、getValue 等办法则是其 原型办法

后面有 static 关键字的则是 静态方法

静态方法的应用不须要实例化该类，通常用于为一个应用程序创立工具函数（总结起来就是在对于输入 - 输入十分固定且也 不须要和类外面其余的数据绑定 的利用场景，没有必要应用实例化办法。）

有趣味的同学能够试试下面办法，上面举一个简略例子：

const myData = new DataBase(6,['name','age'],[null,null])
myData.update('name','Tom',0)

通过类的形式，能够让逻辑、构造显得更加清晰，而不是说我每次保护一个 Array 的时候都手动批改，保护的多了，再解决还是很麻烦的。