-
箭头函数
-
说白了就是匿名函数的一个简写
-
简写规则:
-
1. function 改成=> =>可以读成goesto
-
2. 如果只有一个形参,那就可以省略形参小括号
-
3. 如果不是一个形参,0个或多个形参,那就不能省略这个形参小括号了
-
4. 如果函数体只有一句话,那就可以省略函数体的大括号
-
5. 如果函数体只有一句话,并且这一句话是return返回值,那return也要省略
-
6. 如果函数体不是一句话,那就不能省略大括号
/**
* 箭头函数
* 说白了就是匿名函数的一个简写
*
* 简写规则:
* 1. function 改成=> =>可以读成goesto
* 2. 如果只有一个形参,那就可以省略形参小括号
* 3. 如果不是一个形参,0个或多个形参,那就不能省略这个形参小括号了
* 4. 如果函数体只有一句话,那就可以省略函数体的大括号
* 5. 如果函数体只有一句话,并且这一句话是return返回值,那return也要省略
* 6. 如果函数体不是一句话,那就不能省略大括号
*/
//--------------------------------------
//普通的匿名函数
let fn1 = function(name){
console.log("My name is " + name);
}
fn1("Stark");
//箭头函数
let fn2 = name => console.log("My name is " + name);
fn2("Tony");
//--------------------------------------
let fn3 = function(name){
return name + "hello"
}
let fn3 = (name) => {
return name + "hello"
}
let fn3 = name => {
return name + "hello"
}
let fn3 = (name) => name + "hello"
console.log(fn3("STARK "));
//--------------------------------------
let fn4 = function(num1,num2){
console.log(num1+num2);
return num1+num2+30;
}
let fn4 = (num1,num2) => {
console.log(num1+num2);
return num1+num2+30;
}
console.log(fn4(1,2));
//--------------------------------------
setTimeout(function() {
}, 1000);
setTimeout(() => {
}, 1000);
//--------------------------------------
let fn1 = function(){
console.log("hello");
}
let fn2 = function(name){
console.log(name+" hello");
}
let fn3 = function(name,age){
console.log(name+" hello, 你的年龄是"+age);
}
let fn4 = function(age){
return age + 10;
}
let fn5 = function(name,age){
console.log(name+"hello");
return age+10;
}
//--------------------------------------