es6箭头函数以及模板字符串的拼接，web应用开发

console.log(‘这个是没有参数的函数’);

}

//3.多个参数需要用到小括号，参数间用逗号隔开

var add=(a,b)=>a+b

console.log(add(2,5));//7

//4.函数体多条语句需要用到大括号

var adds=(a,b)=>{

if(typeof a==‘number’ && typeof b==‘number’){

return a+b

}else{

return 0

}

}

console.log(add(1,5));//6

//5.作为数组排序回调

var arr=[2,1,7,3,6,4].sort((a,b)=>{

if(a-b>0){

return 1

}else{

return -1

}

});

console.log(arr);//1，2，3, 4,6 ，7

//注意点：1.tyoeof操作符和普通的function一样 2.instanceof也返回true，表明也是function的实例 3. this固定，不再善变

var fun=a=>a

console.log(typeof fun);

console.log(fun instanceof Function);

obj={

data:[‘mack’,‘Tom’],

init:function(){

document.οnclick=ev=>{

console.log(this.data);//mack,Tom

}

}

}

obj.init();

箭头函数: 总结

1.之前我们也可以使用JavaScript输出模版字符串，通常是下面这样的：（使用$.each方法来循环商品列表）

//--------------普通字符串拼接------------

var html=“”;

$.each(con, function(k,v) {

html+=‘

• ’+

• ‘

  
  ’+

  ‘

  ’+con[k].shopName+‘
  ’+

  ‘

  ’+

  ‘￥’+con[k].price+‘’+

  ‘￥’+con[k].markPrice+‘’+

  ‘’+

  ‘’

  });

  $(“.shop_box”).append(html);

  但是我们可以看到：这样的传统做法需要使用大量的“”（双引号）和 + 来拼接才能得到我们需要的模版。但是这样是十分不方便的。

  于是ES6中提供了模版字符串，用`（反引号）标识，用${}将变量括起来。如下：（es6来循环一个商品列表）

  //------------es6模板字符串---------

  var ht=“”;

  con.forEach((intem,index)=>{

  ht+=`

• 
  ${intem.shopName}

• ￥${intem.price} ￥${intem.markPrice}
  `

  });

  $(“.shop_box”).append(ht);

  这样的做法就简洁了很多，我们不需要再使用大量的""和+来拼接字符串和变量。

  整体代码如下：

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

  深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

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

  

  

  既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

  

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

  如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：前端）

  

  最后的最后

  面试题千万不要死记，一定要自己理解，用自己的方式表达出来，在这里预祝各位成功拿下自己心仪的offer。
  需要完整面试题的朋友可以点击蓝色字体免费获取

  

  

  

  

  ](https://bbs.csdn.net/topics/618191877)**

  [外链图片转存中…(img-hNPHKIaL-1712099853855)]

  [外链图片转存中…(img-KcyuPi2l-1712099853855)]

  [外链图片转存中…(img-yQKvQSej-1712099853856)]

  [外链图片转存中…(img-SOKJinYC-1712099853856)]