文章目录
前言
概述:
ES6允许使用箭头(=>)定义函数,箭头函数提供了一种更加简洁的函数书写方式,箭头函数多用于匿名函数的定义;
`箭头函数的注意点:
- 如果形参只有一个,则小括号可以省略;
- 函数体如果只有一条语句,则花括号可以省略,函数的返回值为该条语句的执行结果;
- 箭头函数 this 指向声明时所在作用域下 this 的值;
- 箭头函数不能作为构造函数实例化;
- 不能使用 arguments;
特性: - 箭头函数的this是静态的,始终指向函数声明时所在作用域下的this的值;
- 不能作为构造实例化对象;
- 不能使用 arguments 变量;
一、箭头函数的使用
1.1.无参数
演示代码
//传统写法:无参数
var say = function() {
console.log("hello!");
}
say();
//ES写法2:无参数
let speak = () => console.log("hello 哈哈!");
speak();
1.2. 一个参数
演示代码
// 传统写法:一个参数
var hello = function(name) {
return "hello" + name;
}
console.log(hello("人人"));
//ES6箭头函数:一个参数
let hi = name => "hi" + name;
console.log(hi("人人"));
1.3. 多个参数
//传统写法:多个参数
var sun = function(a, b, c) {