es6箭头函数以及模板字符串的拼接
基础知识是前端一面必问的,如果你在基础知识这一块翻车了,就算你框架玩的再6,webpack、git、node学习的再好也无济于事,因为对方就不会再给你展示的机会,千万不要因为基础错过了自己心怡的公司。前端的基础知识杂且多,并不是理解就ok了,有些是真的要去记。当然了我们是牛x的前端工程师,每天像背英语单词一样去背知识点就没必要了,只要平时工作中多注意总结,面试前端刷下题目就可以了。什么?你问面试题
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%以上前端开发知识点,真正体系化!
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:前端)
最后
基础知识是前端一面必问的,如果你在基础知识这一块翻车了,就算你框架玩的再6,webpack、git、node学习的再好也无济于事,因为对方就不会再给你展示的机会,千万不要因为基础错过了自己心怡的公司。前端的基础知识杂且多,并不是理解就ok了,有些是真的要去记。当然了我们是牛x的前端工程师,每天像背英语单词一样去背知识点就没必要了,只要平时工作中多注意总结,面试前端刷下题目就可以了。
什么?你问面试题资料在哪里,这不是就在你眼前吗(滑稽
必问的,如果你在基础知识这一块翻车了,就算你框架玩的再6,webpack、git、node学习的再好也无济于事,因为对方就不会再给你展示的机会,千万不要因为基础错过了自己心怡的公司。前端的基础知识杂且多,并不是理解就ok了,有些是真的要去记。当然了我们是牛x的前端工程师,每天像背英语单词一样去背知识点就没必要了,只要平时工作中多注意总结,面试前端刷下题目就可以了。
什么?你问面试题资料在哪里,这不是就在你眼前吗(滑稽
开放原子开发者工作坊旨在鼓励更多人参与开源活动,与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动,如meetup、训练营等,主打技术交流,干货满满,真诚地邀请各位开发者共同参与!
更多推荐
所有评论(0)