第四课：ES6新语法：箭头函数（2021/4/21）

╰半夏微凉° 2023-01-15 03:59 98阅读 0赞

> 一、箭头函数是用来简化函数定义语法的

() =>{ }
    const fn = () =>{ }

// 在箭头函数中 如果函数体中只有一句代码，并且代码的执行结果就是函数的返回值 函数体大括号可以省略

const sum = (n1,n2) =>{ 
            return n1 + n2;
    }
    // 可以简化为：
    const sum = (n1,n2) => n1 + n2;
    // 如果形参只有一个，可以省略小括号
    function fn(v){ 
            return v;
    }
    const fn = v => v;

> 二、箭头函数不绑定this关键字，箭头函数中的this，指向的是函数定义位置的上下文this。

// 箭头函数不绑定this 箭头函数没有自己的this关键字 如果在箭头函数中使用this
    // this 关键字将指向箭头函数定义位置中的this
    function fn(){ 
            console.log(this);
            return () =>{ 
                    console.log(this);
            }
    
    }
    const obj = { name:'zhangshan'};
    
    const resFn = fn.call(obj);
    
    resFn();

// this 方法的函数
    var obj = { 
            age:20,
            // obj是对象，不能产生作用域，实际上，这个this指向了全局作用域
            // 箭头函数没有自己的this
            say: ()=>{ 
                    console.log(this.age);
            }
    }
    
    obj.say(); //undefined
    // 非箭头函数
    var obj = { 
            age:20,
            say:function(){ 
                    console.log(this.age);
            }
    }
    
    obj.say(); //20

发表评论取消回复

表情：

评论列表（有 0 条评论，98人围观）

还没有评论，来说两句吧...

相关阅读

相关 ECMAScript6-ES6箭头函数：箭头函数语法、箭头函数里的this指向

ES6标准新增了一种新的函数：Arrow Function（箭头函数）。一、通常函数的定义方法 var fn1 = function(a, b) {

谁践踏了优雅/ 2023年10月05日 19:05/ 0 赞/ 15 阅读

相关第四课：ES6新语法：模板字符串（2021/4/21）

> 模板字符串 let name = `张三`; let sayHello = `Hello,我的名字是${ name}`; console.log(

男娘i/ 2023年01月15日 08:10/ 0 赞/ 283 阅读

相关第四课：ES6新语法：构造函数方法（2021/4/21）

> // Array.from() 将伪数组或可遍历对象转换为真正的数组 let arrayLike = { '0':'a',

缺乏、安全感/ 2023年01月15日 08:07/ 0 赞/ 142 阅读

相关第四课：ES6新语法：箭头函数（2021/4/21）

> 一、箭头函数是用来简化函数定义语法的 () =>{ } const fn = () =>{ } // 在箭头函数中如果函数体中只有一句代码，并且代码的

╰半夏微凉°/ 2023年01月15日 03:59/ 0 赞/ 99 阅读

相关第四课：ES6新语法：解构赋值（2021/4/21）

ES6中允许从数组中提取值，按照对应位置，对变量赋值。对象也可以实现解构。 > 一、数组解构 let [a,b,c] = [1,2,3]; console.

雨点打透心脏的1/2处/ 2023年01月15日 02:29/ 0 赞/ 154 阅读

相关第四课：ES6新语法：const（2021/4/21）

作用:声明常量，常量就是值(内存地址)不能变化的量。具有块级作用域使用const关键字声明的常量必须赋初始值常呈赋值后，值不能修改（复杂数据类型内部值

女爷i/ 2023年01月15日 02:28/ 0 赞/ 124 阅读

相关第四课：ES6新语法：let（2021/4/21）

> 一、let 快级作用域不存在变量提升暂时性死区 var num = 10; if(true){ conso

短命女/ 2023年01月15日 02:26/ 0 赞/ 156 阅读

相关 ES6_箭头函数

优化函数的写法如何去定义函数方式一： function sum (x, y) { return x+y } const

Bertha 。/ 2022年09月10日 02:18/ 0 赞/ 243 阅读

相关 ES6-箭头函数

<script> //1.es6允许使用箭头=>定义函数 var f = v => v; f(44);//44

￡神魔★判官ぃ/ 2022年03月19日 15:37/ 0 赞/ 297 阅读

相关 ES6箭头函数

ES6箭头函数一、什么是箭头函数二、写法三、箭头函数中this 一、什么是箭头函数简化了匿名函数的写法，二、写法 fu

快来打我*/ 2021年09月07日 06:10/ 0 赞/ 380 阅读