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;
相关推荐
Brown.alexis28 分钟前
es6知识点3-自备使用
前端·javascript·es6
代码不加糖5 天前
common.js和es6中模块引l入的区别?
前端·javascript·es6
逍遥德7 天前
ECMAScript 各个版本的语法列表
前端·javascript·ecmascript·es6
宁风NF13 天前
JavaScript:内存、垃圾回收、性能优化
开发语言·前端·javascript·学习·性能优化·es6
sugar__salt1 个月前
Vue.js 前置知识:ES6+ 核心特性完全指南
前端·javascript·vue.js·vue·es6
吃西瓜不吐籽_1 个月前
2026 届前端校招冲刺:2 万字高频面试题库(含详解、追问与评分标准)
前端·javascript·css·typescript·前端框架·es6
888CC++2 个月前
箭头函数(ES6)
前端·javascript·es6
xiaofeichaichai2 个月前
ES 新特性九年速览:从 ES2016 到 ES2024
前端·javascript·es6
川冰ICE2 个月前
JavaScript高级④|类(class)与面向对象,ES6现代写法
开发语言·javascript·es6
步十人2 个月前
【Vue3】前置知识简单概述(包括ES6核心语法,模块化ESM以及npm基础)
arcgis·npm·vue·es6