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;
相关推荐
吴声子夜歌2 天前
Vue3——路由管理
前端·vue·es6·vue-router
普通网友3 天前
ES6模块化、Promise、async、await、EventLoop、API接口案例_export function 与 await
前端·ecmascript·es6
身如柳絮随风扬5 天前
前端基础进阶:Node.js + ES6 + Axios + Vue 全面入门指南
前端·node.js·es6
吴声子夜歌11 天前
Vue3——Vuex状态管理
前端·vue.js·vue·es6
军军君0112 天前
数字孪生监控大屏实战模板:云数据中心展示平台
前端·javascript·vue.js·typescript·前端框架·es6·echarts
研☆香12 天前
es6的一些更新特点介绍
前端·ecmascript·es6
布局呆星12 天前
Vue3 笔记:过渡动画与自定义指令
javascript·css·vue.js·python·es6·html5
吴声子夜歌13 天前
Vue3——渲染函数
前端·vue.js·vue·es6
吴声子夜歌14 天前
Vue3——过度和动画效果
前端·vue.js·es6
吴声子夜歌16 天前
Vue3——表单元素绑定
前端·vue·es6