ES6箭头函数声明特点

2022-03-01 15:34:36 阅读：131 来源： 互联网

标签：ES6 console 函数箭头 let log 控制台 fn name

ES6 允许使用箭头（=>）定义函数

声明一个函数

let fn() =function (){
 
}

let fn=(a,b)=>{

 return a+b;
}
//调用函数
let result =fn(1,2);
console.log(result);

控制台输出

箭头函数声明特性：

1.this是静态的，this始终指向函数声明时所在作用域下的this的值

演示：

function getName(){
   console.log(this.name);
}

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

//设置window对象的name属性
window.name='Ynline';

const dream={
 name:'R'
}

//直接调用
getName();
getName2();

控制台输出：

下面使用call方法调用，call方法是可以改变函数内部this值

getName.call(dream);
getName2.call(dream);

此时控制台输出：

由此可见，箭头函数这一块是没有改变输出结果的，依旧指向全局对象window

2.不能作为构造实例化对象

 let Person = (name, age) => {
            this.name = name;
            this.age = age;
        }
        let me =new Person('Rnline',22);
        console.log(me);

控制台输出：

3.不能使用arguments变量

 let fn = () => {
            console.log(arguments);

        }
        fn(1, 2, 3);

此时控制台输出：

4.关于箭头函数的简写

两种情况：

第一：省略小括号，条件：当形参有且只有一个的时候

例子：

 let add = n => {
            return n + n;
        }
        console.log(add(9));

此时控制台输出：18

第二：省略花括号，当带马蹄只有一条语句的时候

例子：

 let pow = (n) =>  n * n;
        
        console.log(pow(9));

//这里如果把小括号去掉，结果也是一样的

此时控制台输出：

标签：ES6,console,函数,箭头,let,log,控制台,fn,name
来源： https://www.cnblogs.com/Ynline/p/15950384.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

ES6箭头函数声明特点