箭头函数()-其他
箭头函数()
<body>
<script>
// // 函数表达式
// const fun = function () {
// console.log("我是函数表达式");
// };
// fun(); //不可以在下面调用 匿名函数没有函数提升
// // 箭头函数 不存在函数提升
// const fun1 = () => {
// console.log("我是箭头函数");
// };
// fun1();
// // 参数
// const fn = (num, num1) => {
// console.log("我是箭头函数我也可以正常有形参 实参");
// };
// fn(1, 2);
// 1.如果形参只有一个参数 形参的小括号可以省略
// const fun = a => {
// console.log(a);
// };
// fun(1);
// 2.如果函数体只有一行代码 可以省略大括号
const fun1 = (a) => console.log(a);
fun1(3);
// 3.如果返回值只有一行代码 return也可以省略
const fun2 = (a, b) => a + b;
fun2(3, 7);
console.log(fun2(3, 7));
// 4.箭头函数可以返回一个对象 用小括号包裹({})
const obj = (name) => {
return { uname: name };
};
obj("周杰伦");
console.log(obj("周杰伦"));
// 优化
const obj1 = (name) => ({ uname: name });
obj1("周周");
console.log(obj1("周周")); //3.箭头函数可以返回一个对象 用小括号包裹({})
</script>
</body>
————————
<body>
<script>
// // 函数表达式
// const fun = function () {
// console.log("我是函数表达式");
// };
// fun(); //不可以在下面调用 匿名函数没有函数提升
// // 箭头函数 不存在函数提升
// const fun1 = () => {
// console.log("我是箭头函数");
// };
// fun1();
// // 参数
// const fn = (num, num1) => {
// console.log("我是箭头函数我也可以正常有形参 实参");
// };
// fn(1, 2);
// 1.如果形参只有一个参数 形参的小括号可以省略
// const fun = a => {
// console.log(a);
// };
// fun(1);
// 2.如果函数体只有一行代码 可以省略大括号
const fun1 = (a) => console.log(a);
fun1(3);
// 3.如果返回值只有一行代码 return也可以省略
const fun2 = (a, b) => a + b;
fun2(3, 7);
console.log(fun2(3, 7));
// 4.箭头函数可以返回一个对象 用小括号包裹({})
const obj = (name) => {
return { uname: name };
};
obj("周杰伦");
console.log(obj("周杰伦"));
// 优化
const obj1 = (name) => ({ uname: name });
obj1("周周");
console.log(obj1("周周")); //3.箭头函数可以返回一个对象 用小括号包裹({})
</script>
</body>