es6基础学习

  1. 展开数组(展开数组的效果跟直接把数组的内容写在这一样)

在这里插入图片描述

在这里插入图片描述

  1. 默认参数(可加可不加即默认参数)

在这里插入图片描述

又如,传参则改变,不传则默认

在这里插入图片描述

四、 结构赋值

  1. 左右两边结构必须一样

  2. 右边必须是个东西

  3. 声明和赋值不能分开(必须在一句话里完成)

  4. 例子

① :数组格式

在这里插入图片描述

② :json格式

在这里插入图片描述

在这里插入图片描述

五、 数组

  1. map-----映射-----一对一

[56,98,45,66]

[不及格,及格,不及格,及格]

[

{name:’ble’,level:’1’}

{}

]

ps:map在使用时以一个function作为参数,如下:

①:

let arr=[12,5,8]

arr.map(function(item) {

alter(item); //这里的item参数arr里面的元素

});

let result=arr.map(function(item) {

return item*2; //这里的item参数arr里面的元素

});

======>等同于

let result=arr.map(item=>item*2);

alter(return);

③ :

let score=[55,60,99,80];

let result=score.map(item=>item>=60?’及格’:’不及格’);

alert(score);

alert(result);

  1. reduce----汇总—一堆出来一个

得出最后的一个统计情况

  1. filter—过滤

  2. forEach----循环(迭代)

  3. 在这里插入图片描述

根据其作用原理,于是可以得到reduce的简单作用如下:

说明:reduce函数中有三个参数,参数1,参数2的作用分别如上图,参数3是索引

小例子,算数组的平均数和总数

let arr=[10,22,56,44]

let result=arr.reduce(function(tmp,item,index){

if(index!=arr.length-1){ //即未到最后一次计算时

return tmp+item;

}else{

return (tmp+item)/arr.length; //否则则是最后一次计算,则除以长度得到平均数

}

});

///reduce的实际运用可以用于:购物车的计算总价等

  1. filter(即过滤掉不满足条件的,满足条件的元素保留下来)

其中是通过true(保留)和false(不保留)

小例子1

如:对于一个数组,保留能被3整除的元素

let a=[12,9,8,33,11]

let result=arr.filter(function(item){

if(item%3==0){

return true;

}else{

return false;

}

});

alert(result);

或者用箭头函数简写为:

let result=arr.filter(item=>{

if(item%3==0){

return true;

}else{

return false;

}

});

由于item%30本身就是返回布尔值,因此可以简写为

let result=arr.filter(item=>item%30);

例子2:

在这里插入图片描述

  1. forEach----循循环(迭代)

在这里插入图片描述

这里使用执行arr.forEach(function(item,index){alert(index+’:’+item})是对数组arr每个元素进行循环操作,这里的index加可不加。

六、 字符串

  1. 多了两个新方法

 startsWith

小例子①,根据网址开头判断网址类型

在这里插入图片描述

endsWith(比如根据扩展名来返回图标,如.txt,.png……)

在这里插入图片描述

  1. 字符串模板

链接字符串,使用反单引号,使用反单引号,且KaTeX parse error: Unexpected character: ‘’ at position 6: {东西} ̲ 使用{}可以直接插入字符串

 可以折行

如1:

let a=12

let str=a${a}bc; //将s插入abc字符串中间

如2:

在js中不能折行,所以\转义

在这里插入图片描述

而使用``可以

在这里插入图片描述

七、 面向对象(最主要是继承)

  1. class关键字、构造器和类分来了

  2. class里面直接加方法

旧面向对象格式:

在这里插入图片描述

新面向对象

在这里插入图片描述

  1. 继承

3.1旧

在这里插入图片描述

3.2 新继承

在这里插入图片描述

八、 面向对象的运用

九、 JSON

PS:json的标准写法

1).只能用双引号

2).所有名字都必须用引号包起来

在这里插入图片描述

3.JSON对象

1).json格式变成字符串

在这里插入图片描述

因此使用

JSON.stringify(json) //即将json字符串化

在这里插入图片描述

在这里插入图片描述

2).字符串变成json格式

JSON.parse() //解析函数

  1. json简写

1)、key和value一样时,留一个就可以

2)方法show:function(){}— show(){}

十、 Promise

 主要方法

1) Promise.all

2) Promise.race

  1. 异步请求:不同操作之间没有联系,可同时进行多个操作

  2. 同步请求:按流程,只能作一件事

  3. 同步异步各有其优缺点,因此下推出了两者兼用的Promise

  4. Promise----消除异步操作

 用同步一样的方式,来书写异步代码

 Promise的使用

 Promise是一个对象,因此需要new,如下:,参数是一个函数

①:

let p=new Promise(function(resolve,reject){

//书写异步代码部分

// 参数-resolve—成功了

//参数-reject—失败了

在这里插入图片描述

//当Promise执行有结果,则执行then,其中then()函数有两个函数形式的参数,当成功时执行第一个函数,当失败时执行第二个参数。

p.then(function(){},function(){})

});

最后

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数初中级Android工程师,想要提升技能,往往是自己摸索成长,自己不成体系的自学效果低效漫长且无助。

因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。

img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点!不论你是刚入门Android开发的新手,还是希望在技术上不断提升的资深开发者,这些资料都将为你打开新的学习之门!

如果你觉得这些内容对你有帮助,需要这份全套学习资料的朋友可以戳我获取!!

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。**

[外链图片转存中…(img-Mi91zgMm-1715353950433)]

[外链图片转存中…(img-DIGUpOBv-1715353950433)]

[外链图片转存中…(img-1CS9Zm0m-1715353950433)]

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点!不论你是刚入门Android开发的新手,还是希望在技术上不断提升的资深开发者,这些资料都将为你打开新的学习之门!

如果你觉得这些内容对你有帮助,需要这份全套学习资料的朋友可以戳我获取!!

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!

  • 11
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值