1.外形不同：箭头函数使用箭头定义，普通函数中没有

// 普通函数
function func(){console.log('普通函数可以作为具名函数，也可以是匿名函数');
}// 箭头函数
let func=()=>{console.log('箭头函数都是匿名函数,写法是去掉function,在括号后面加箭头');
}

2.箭头函数不能用于构造函数，不能使用new

普通函数可以用于构造函数，以此创建对象实例。
代码实例如下：

function Person(name,age){this.name=name;this.age=age;
}
let admin=new Person("恩诺小弦",18);
console.log(admin.name);
console.log(admin.age);

代码运行如下：

恩诺小弦
18

Person用作构造函数，通过它可以创建实例化对象。
但是构造函数不能用作构造函数。

3.this的指向不同

1)普通函数

在普通函数中，this总是指向调用它的对象，如果用作构造函数，this指向创建的对象实例。

a.当函数作为构造函数，通过new xx()调用时，this指向生成的实例

b.当函数直接被调用时（通过 xxx()的方式调用）this指向window对象,严格模式下为undefined

c.当函数被调用时，它是作为某个对象的方法（前面加了点'.'）this指向这个对象（点'.'前面的对象）(谁调用它，它就指向谁)

d.结合call()，apply()方法使用

Cathy Zhang 箭头函数与普通函数的区别相关推荐

C语言调用es6,ES6 箭头函数、普通函数、调用方法
importReact,{Component} from'react';import{ Platform,StyleSheet,Text,Image,View,TouchableOpacity,Toa ...
js箭头函数和普通函数区别
js箭头函数和普通函数区别实验环境:nodejs v12.16.1 箭头函数不能作为构造函数,而普通函数可以箭头函数没有原型,而普通函数有箭头函数return可以省略语句块.(如果=>右边 ...
箭头函数和普通函数有什么区别？
箭头函数和普通函数有什么区别? 1:写法不一样 2:普通函数存在变量提升的现象 3:箭头函数不能作为构造函数使用 4:两者this的指向不同 5:箭头函数的arguments指向它的父级函数所在作用域 ...
箭头函数与普通函数，以及使用场景
链接箭头函数和普通函数的区别如下. 普通函数:根据调用我的人(谁调用我,我的this就指向谁) 箭头函数:根据所在的环境(我再哪个环境中,this就指向谁) 一针见血式总结: 普通函数中的this: ...
es6箭头函数_【知识点】ES6箭头函数、箭头函数与普通函数的区别
作者:長安曹公子文章出处:ES6 - 箭头函数.箭头函数与普通函数的区别一.基本语法 ES6中允许使用箭头=>来定义箭头函数,具体语法,我们来看一个简单的例子: // 箭头函数 let fu ...
2022年了，你还没搞清楚箭头函数与普通函数的区别嘛？
目录 1.箭头函数简介 2.箭头函数与普通函数的区别 A.声明方式不同,匿名函数 B.this指向不同 C.箭头函数的this永远不会变,call.apply.bind也无法改变 D.箭头函数没有原型 ...
箭头函数，匿名函数，为什么用？怎么用？有什么不一样？使用场景是什么？
箭头函数的使用和一些特性 JS中的箭头函数用=>来标识.箭头函数有两个主要的优点: 更简短的函数: 更直观的作用域和this的绑定(不绑定this) 因为这些优点,箭头函数比起其他形式的函数声明 ...
JS中箭头函数和普通函数的五种区别
区别一:this关键字的指向在普通函数中this指向调用这个函数的对象. 在构造函数中,this指向对象的实例. 在箭头函数中,没有this关键字,但是可以捕获上下文中的this用在箭头函数内部,并 ...
箭头函数与普通函数的区别
箭头函数与普通函数的区别 1.外形不同:箭头函数使用箭头定义,普通函数中没有. 2. 箭头函数全都是匿名函数:普通函数可以有匿名函数,也可以有具名函数 3.箭头函数不能用于构造函数:普通函数可以用于构 ...

Cathy Zhang 箭头函数与普通函数的区别

1.外形不同：箭头函数使用箭头定义，普通函数中没有

2.箭头函数不能用于构造函数，不能使用new

3.this的指向不同

1)普通函数

a.当函数作为构造函数，通过new xx()调用时，this指向生成的实例

b.当函数直接被调用时（通过 xxx()的方式调用）this指向window对象,严格模式下为undefined

c.当函数被调用时，它是作为某个对象的方法（前面加了点'.'）this指向这个对象（点'.'前面的对象）(谁调用它，它就指向谁)

d.结合call()，apply()方法使用

Cathy Zhang 箭头函数与普通函数的区别相关推荐

最新文章

热门文章

Cathy Zhang 箭头函数与普通函数的区别

1.外形不同：箭头函数使用箭头定义，普通函数中没有

2.箭头函数不能用于构造函数，不能使用new

3.this的指向不同

1)普通函数

a.当函数作为构造函数，通过new xx()调用时，this指向生成的实例

b.当函数直接被调用时（通过 xxx()的方式调用）this指向window对象,严格模式下为undefined

c.当函数被调用时，它是作为某个对象的方法（前面加了 点'.'）this指向这个对象（点'.'前面的对象）(谁调用它，它就指向谁)

d.结合call()，apply()方法使用

Cathy Zhang 箭头函数与普通函数的区别相关推荐

最新文章

热门文章

c.当函数被调用时，它是作为某个对象的方法（前面加了点'.'）this指向这个对象（点'.'前面的对象）(谁调用它，它就指向谁)