js记录

最新推荐文章于 2022-08-18 16:20:10 发布

昱凯

最新推荐文章于 2022-08-18 16:20:10 发布

阅读量53

点赞数

文章标签： js prototype nodejs numpy zookeeper

本文链接：https://blog.csdn.net/j7233849/article/details/122080936

版权

本文探讨了ES6新特性，包括Promise异步回调、Array.prototype.includes()、异步函数、Object.entries()与Object.values()等。同时介绍了字符串填充方法padStart和padEnd，symbol的使用，以及ES6的继承、静态方法、单例模式等高级概念。

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

异步回调

function getData(resolve,reject){

    //ajax
    setTimeout(function(){
        var name='张三';
        resolve(name);

    },1000);

}

var p=new Promise(getData);


p.then((data)=>{

    console.log(data);
})

es7新特性Array.prototype.includes()

includes() 方法用来判断一个数组是否包含一个指定的值，根据情况，如果包含则返回 true，否则返回false

异步函数(Async functions)
Object.entries()和Object.values()
字符串填充：padStart和padEnd

参考

symbol

es6里面的继承

class Person {
  constructor(name, age) {
    this.name = name;
    this.age = age;
  }
  getInfo() {
    console.log(`姓名:${this.name} 年龄:${this.age}`);
  }
  run() {
    console.log('run')
  }
}
class Web extends Person { //继承了Person     extends          super(name,age);
  constructor(name, age, sex) {
    super(name, age); /*实例化子类的时候把子类的数据传给父类*/
    this.sex = sex;
  }
  print() {
    console.log(this.sex);
  }
}
var w = new Web('张三', '30', '男');
w.getInfo();

es6里面的静态方法

class Person {

  constructor(name) {

    this._name = name; /*属性*/
  }
  run() { /*实例方法*/

    console.log(this._name);
  }
  static work() { /*静态方法*/
    console.log('这是es6里面的静态方法');
  }
}
Person.instance = '这是一个静态方法的属性';


var p = new Person('张三');

p.run();
Person.work(); /*es6里面的静态方法*/

console.log(Person.instance);

es6里面的单例模式

class Db {

    static getInstance(){   /*单例*/

        if(!Db.instance){

            Db.instance=new Db();
        }
        return Db.instance;
    }

    constructor(){

        console.log('实例化会触发构造函数');

        this.connect();
    }

    connect(){

        console.log('连接数据库');
    }
    find(){
        console.log('查询数据库');
    }
}


var myDb=Db.getInstance();

myDb.find();