美文网首页
形参默认值、promise、class、字符串扩展、数值扩展、数

形参默认值、promise、class、字符串扩展、数值扩展、数

作者: 圣召唤 | 来源:发表于2019-07-10 14:16 被阅读0次

    形参默认值

    当不传入参数的时候默认使用形参里的默认值。 缺省参数

    promise对象

    代表了未来某个将要  发生的事件(通常是一个异步操作),有了promise对象,可以将异步操作以同步的流程表达出来,避免了层层嵌套的回调函数(俗称‘回调地狱’ ,函数本身层层嵌套,又可以互相调用,函数之间高度耦合,可能会造成无法预期的错误)

    #ES6 的promise是一个构造函数,用来生成promise实例

    #promise对象的3个状态 

    pending:初始化状态

    fullfilled:成功状态

    rejected:失败状态 

    应用

    使用promise实现超时处理

    使用promise封装处理ajax请求 

    #创建promise对象

    let promise   = new promise ((resolve,reject) =>{ # 这两个参数其实是两个函数

        //初始化promise状态:pending

        console.log('111');

        //执行异步操作,通常发送ajax请求、开启定时器

        setTimeout(( ) =>{

            console.log('333');

            //很具异步任务的返回结果,取修改promise的状态

            //异步任务执行成功

            resolve();//修改promise状态为fullfilled(成功状态 )

            //异步任务执行失败

            reject();//修改promise状态为rejected(失败状态)

        },2000);

    })

    console.log('222');

    promise

        .then(() => {//成功的回调

            console.log('成功了~~')

        },() => {//失败的回调

            console.log('失败了~~');

        }); 

    class

    # 1.通过class定义类/实现类的继承

    # 2.在类中通过constructor 定义构造方法 专门用来生成实例对象

    # 3.通过new来创建类的实例

    # 4. 通过extends来实现类的继承 如 class SrarPerson extends Person{

    super()#发生了继承,函数中第一句必须是super()

    }

    # 5. 通过suoer调用父类的构造方法

    # 6. 重写从父类中继承的一般方法

    字符串扩展

    1. includes(str) :判断是否包含指定的字符串

    2.startWith(str) :  判断是否以指定字符串开头

    3.endWith(str) : 判断是否以指定字符产结尾

    4.repeat(count) : 重复指定次数   ('dsad' * x)‘

    数值扩展

    1.二进制与八进制数值的表示法:二进制用0b ,八进制用0o,

    console.log(0b1010);//10   #快速把二进制转成10进制101000

    8 4 2 1 二进制快速计算10进制,把要求的二进制数写好,然后把1、2、4、8、16....等

    1 0 1 0 数从右往左一次对齐二进制数,然后用二进制数上有1位置对应的数列上的数相加,得到的结果就是二进制数对应的10进制数

    console.log(0o56);//46 #快速把八进制转成10进制

    2.Number.isFinite(i):判断是否是有限大的数 如:console.log(Number.ifFinite(3);//true

    Infinity无限大

    3.Number.isNan(i): 判断是否是NaN

    4.Number.isInteger(i):判断是否是整数

    5.Number.parseInt(str):将字符串转换为对应的数值

    6.Math.trunc(i) : 直接去除小数部分

    数组扩展

    1.Array.from():将伪数组(没有数组的一般方法)对象或可遍历对象转化为真数组

    let btns = document.getElementsByTagName() #根据标签名称来获取对象

    2.Array of (a , b , c): 将一系列值转换为数组 

    3.find(function(value,index,arr) { return true}); #找出第一个满足条件返回true的元素下标

    对象扩展

    1. Object.is(a ,b) #判断2个数据是否完全相等

    console.log(0 == -0);//true   console.log(NaN == NaN)://false# NaN和任何数包括自己比较都不相等

    2. Object.assign(target,source1,source2....) #将源(sourcex...)对象的属性复制到目标(target)对象上

    3.直接操作__proto__(隐式原型)属性

        Let obj2  = {};

        obj2.__proto__ = obj1; #让obj2 拥有obj1的属性

    ES7

    指数运算符 ** #2**3 = 8

    Array.prototype.includes(value):判断数组中是否包含指定value

    let arr= [1,4,5,6];

    console.log(arr.includes('a'));//false

    console.log(arr.includes(4));//true

    相关文章

      网友评论

          本文标题:形参默认值、promise、class、字符串扩展、数值扩展、数

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