ES6 箭头函数

1、this是静态的,this始终指向函数声明时所在作用域西安的this的值

javascript 复制代码
function getName() {
    console.log(this.name)
}

let getName2 = () => {
    console.log(this.name)
}

window.name = 'a';
const shcool = {
    name: 'b'
}

getName.call(school)  // 'b'
getName2.call(school) // 'a'

2、不能作为构造函数实例化对象

3、不能使用arguments变量

4、箭头函数的简写

1)省略小括号,当形参有且只有一个的时候

javascript 复制代码
let add = n => {
    return n + n;
}

2)省略花括号,当代码体只有一条语句的时候,此时return必须省略。

javascript 复制代码
let pow = (n) => n * n;
相关推荐
利刃大大4 天前
【ES6】变量与常量 && 模板字符串 && 对象 && 解构赋值 && 箭头函数 && 数组 && 扩展运算符 && Promise/Await/Async
开发语言·前端·javascript·es6
天若有情6734 天前
ES6 模块与 CommonJS 的区别详解
前端·javascript·es6
wangbing11255 天前
ES6 (ES2015)新增的集合对象Set
前端·javascript·es6
yyt3630458415 天前
TypeScript { [key: string]: unknown } 索引签名写法和 Record 替代
前端·javascript·vue.js·typescript·ecmascript·es6
梦6506 天前
JavaScript ES5 + ES6+ 字符串 (String) 所有方法大全
前端·javascript·es6
梦6506 天前
JavaScript (ES5)+ES6+jQuery 核心对象方法大全
javascript·es6·jquery
Aotman_9 天前
Vue el-table 字段自定义排序
前端·javascript·vue.js·es6
程序员小寒9 天前
聊一聊 CommonJS 和 ES6 Module
前端·ecmascript·es6
Tiam-20169 天前
cesium使用cesium-plot-js标绘多种图形
javascript·vue.js·arcgis·es6·gis·cesium·cesium-plot-js
木头程序员10 天前
前端(包含HTML/JavaScript/DOM/BOM/jQuery)基础-暴力复习篇
开发语言·前端·javascript·ecmascript·es6·jquery·html5