js记录

作者: jhs1873 | 来源:发表于2018-09-27 14:40 被阅读0次

异步回调

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();

相关文章

  • truthy

    记录,JS,truthy:

  • JS记录

    1、JavaScript在设计时,有两种比较运算符: 第一种是==比较,它会自动转换数据类型再比较,很多时候,会得...

  • js记录

    异步回调 es7新特性Array.prototype.includes() includes() 方法用来判断一个...

  • JS记录

    1、获取子元素的个数方法document.getElementById("main").children.leng...

  • javascript--Web Worker JS多线程

    js 多线程 先记录,以后写

  • js代码段

    js代码记录 jquery子页面(iframe)操作 父页面中的 iframe元素 js判断是否是数字 js判断邮...

  • 2019-06-15

    Node.js、Vue.js 运行环境搭建记录 参考链接:Vue.js 运行环境搭建详解(基于windows的手把...

  • 原生js实现拖拽弹性重力运动

    刚开始学前端,记录下学到的知识,原生js实现拖拽弹性重力运行。记录下,直接上代码: html和css部分 js部分

  • 页面加载之后自动刷新1次,获取数据

    真的是js博大精深啊记录下

  • bignumber.js 使用记录

    bignumber.js 使用记录 本文可以看做是对 bignumber.js 官方文档的翻译。 bignumbe...

网友评论

      本文标题:js记录

      本文链接:https://www.haomeiwen.com/subject/ufueoftx.html