形参默认值、promise、class、字符串扩展、数值扩展、数组扩展、对象扩展、ES7 2019-07-10

形参默认值

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

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,457评论 5 459
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,837评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,696评论 0 319
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,183评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,057评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,105评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,520评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,211评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,482评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,574评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,353评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,213评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,576评论 3 298
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,897评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,174评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,489评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,683评论 2 335