本文介绍了JavaScript中的const和let变量概念，箭头函数的简洁语法，函数参数的扩展和默认值，以及结构赋值、数组操作方法如map、reduce、filter和forEach。还讨论了字符串的新功能如startsWith和endsWith，以及字符串模板的使用。内容涵盖了前端开发基础知识和实用技巧，提供学习资源链接。
const是常量、let是变量
二、 箭头函数
3. 当只有一个参数时，（）可以省略
4. 如果只有一个return，{}可以省略----如 let show=a=>a*2; alert(show(12));
5. 例子
①
function show() {
}
let show= ()=>{
}
②
window.οnlοad=function() {
alert(‘abc’);
}；
window.οnlοad= ()=>{
alert(‘abc’);
}；
③：
let show= function() {
alert(‘abc’);
}；
let show= ()=>{
alert(‘abc’);
}；
==使用show()均可调用=
④：
let show= function(a,b) {
alert(a+b);
}；
let show= (a,b)=>{
alert(a+b);
}；
==使用show(n,m)均可调用=
三、 函数的参数
-
参数的扩展/数组展开
-
默认参数
参数扩展
-
收集剩余的参数 function show(a,b,…args){}
-
展开数组（展开数组的效果跟直接把数组的内容写在这一样）
- 默认参数（可加可不加即默认参数）
又如，传参则改变，不传则默认
四、 结构赋值
-
左右两边结构必须一样
-
右边必须是个东西
-
声明和赋值不能分开（必须在一句话里完成）
-
例子
① ：数组格式
② ：json格式
五、 数组
- 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);
- reduce----汇总—一堆出来一个
得出最后的一个统计情况
-
filter—过滤
-
forEach----循环（迭代）
-
根据其作用原理，于是可以得到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的实际运用可以用于：购物车的计算总价等
- 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：
- forEach----循循环（迭代）
这里使用执行arr.forEach（function(item，index){alert(index+’:’+item}）是对数组arr每个元素进行循环操作,这里的index加可不加。
六、 字符串
- 多了两个新方法
startsWith
小例子①，根据网址开头判断网址类型
endsWith（比如根据扩展名来返回图标，如.txt,.png……）
- 字符串模板
链接字符串，使用反单引号，使用反单引号，且KaTeX parse error: Unexpected character: ‘’ at position 6: {东西} ̲ 使用{}可以直接插入字符串
可以折行
如1：
let a=12
let str=a${a}bc; //将s插入abc字符串中间
如2：
在js中不能折行，所以\转义
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。
深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。
既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！
由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！
如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：前端）
更多面试题
**《350页前端校招面试题精编解析大全》**内容大纲主要包括 HTML，CSS，前端基础，前端核心，前端进阶，移动端开发，计算机基础，算法与数据结构，项目，职业发展等等
础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！**
[外链图片转存中…(img-NpqMOddt-1713484837143)]
由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！
如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：前端）
[外链图片转存中…(img-aPjSWHw8-1713484837144)]
更多面试题
**《350页前端校招面试题精编解析大全》**内容大纲主要包括 HTML，CSS，前端基础，前端核心，前端进阶，移动端开发，计算机基础，算法与数据结构，项目，职业发展等等
[外链图片转存中…(img-5lYtj3sM-1713484837144)]
148
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
