JavaScript的一些实用操作（逐步添加）

1.js代码简洁高效计时

console.time('a');    //记录时间开始
...
console.timeEnd('a');    //记录时间结束

a: 12857.81103515625ms    //自动输出时间结果

2.原型中已经有的方法，不想再写，如何直接使用呢？

　很简单从原型中拿出来，但这种仅限于原型中的方法未引用调用者本身。

3.删除数组的后四位，只要设置数组新长度为length-4，当然也可以使用pop方法。

4.ES6 class类的使用

ES6对ES5做了多方面的升级，主要体现在Class的实现，以及var的扩展，新的声明有let和const，let不可以重复定义，作用域仅局限于当前作用链，const声明之后一次赋值，之后不可以再次赋值，增加了JavaScript的严谨性。下面就es6的class的使用方法和原理做简要的说明，另外es6的class其实是es5原型使用的升级，包括es6的extends也是es5原型链继承的升级版，旨在使用改良后的JavaScript开发大型应用。

class Person{ name; 　　　age; static country = 'china'; static getCountry(){ return this.country; } getDetail(){ return 'name:'+this.name+ ' ' +'age:'+this.age; } constructor(arg1,arg2){ this.name = arg1; this.age = arg2; } } //静态属性调用 Person.country; //输出 "china" //静态方法调用 Person.getCountry(); //输出 "china" //实例化调用方法调用 let sun = new Person('孙中山','35'); sun.getDetail(); //输出 "name:孙中山 age:35"

5.数组的filter方法

　　使用该方法传入一个过滤函数

//1、普通数组
var arr = [12,3,4,10];
arr.filter(function(x){return x > 3});
//输出 [12, 4, 10]

//2、对象数组
var arrObj = [
    {a:1,b:2},
    {a:5,b:6},
    {a:9,b:10}
];

arrObj.filter(function(obj){

    if(obj['a']> 5){
        return true
    }else{
        return false;
    }

});

//输出    {a: 9, b: 10}

喜欢的点个赞呦！转载的声明出处，谢谢你。