es6箭头函数以及模板字符串的拼接

最新推荐文章于 2025-06-29 23:37:44 发布

缘飞梦

最新推荐文章于 2025-06-29 23:37:44 发布

阅读量1.9k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： es6 javascript jquery 前端技术文章标签： es6箭头函数 es6模板字符串

本文链接：https://blog.youkuaiyun.com/qq_37481512/article/details/82869581

前端技术同时被 3 个专栏收录

22 篇文章 ¥9.90 ¥99.00

订阅专栏

超级会员免费看

javascript

12 篇文章

订阅专栏

es6

10 篇文章

订阅专栏

本文介绍了ES6中的箭头函数和模板字符串的使用。通过比较传统JavaScript输出字符串的方式，强调了箭头函数的简洁性和模板字符串在字符串拼接方面的便利性，展示了如何使用模板字符串更高效地处理变量与字符串的结合。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

es6箭头函数：

//1.具有一个简单参数的函数
	var single=a=>a
	console.log(single('hello word'));
	//2.没有参数的需要在箭头前加上小括号
	var logs=()=>{
		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 instanceo

了解本专栏