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 天前
不止解构:深入掌握 ES6+ 对象与函数的高级语法糖
前端·javascript·es6
Aotman_5 天前
Vue.directive:自定义指令及传参
前端·javascript·vue.js·elementui·ecmascript·es6
Aotman_5 天前
JavaScript MutationObserver用法( 监听DOM变化 )
开发语言·前端·javascript·vue.js·前端框架·es6
Violet_YSWY7 天前
ES6 () => ({}) 语法解释
前端·ecmascript·es6
匠心网络科技10 天前
JavaScript进阶-深入解析ES6的Set与Map
前端·javascript·学习·ecmascript·es6
刘一说10 天前
ES6+核心特性全面浅析
java·前端·es6
两个西柚呀12 天前
es6和commonjs模块化规范的深入理解
前端·javascript·es6
小小鸟00813 天前
JS(ES6+)基础
javascript·es6
代码or搬砖17 天前
ES6新增的新特性以及用法
前端·javascript·es6