×

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

箭头函数与普通函数的区别(箭头函数和普通函数的区别)

admin admin 发表于2023-04-08 02:26:07 浏览81 评论0

抢沙发发表评论

本文目录一览:

箭头函数与普通函数的区别 什么是函数

1、箭头函数与普通函数的区别:外形不同: 箭头函数使用箭头定义,普通函数中没有。箭头函数全都是匿名函数,普通函数可以有匿名函数,也可以有具名函数。箭头函数不能用于构造函数,普通函数可以用于构造函数,以此创建对象实例。

2、函数(function)的定义通常分为传统定义和近代定义,函数的两个定义本质是相同的,只是叙述概念的出发点不同,传统定义是从运动变化的观点出发,而近代定义是从集合、映射的观点出发。函数的近代定义是给定一个数集A,假设其中的元素为x,对A中的元素x施加对应法则f,记作f(x),得到另一数集B,假设B中的元素为y,则y与x之间的等量关系可以用y=f(x)表示,函数概念含有三个要素:定义域A、值域B和对应法则f。其中核心是对应法则f,它是函数关系的本质特征。

箭头函数和普通函数的区别是什么?

一、使用不同:

箭头函数体内的this对象,就是定义时所在的对象,而不是使用时所在的对象。

箭头函数不可以当作构造函数,也就是说,不可以使用new命令,否则会抛出一个错误。

二、命令不同:

箭头函数不可以使用arguments对象,该对象在函数体内不存在。如果要用,可以用Rest参数代替。不可以使用yield命令,因此箭头函数不能用作Generator函数。

需知:

箭头函数相当于匿名函数,并且简化了函数定义。箭头函数有两种格式,一种只包含一个表达式,连{ ... }和return都省略掉了。还有一种可以包含多条语句,这时候就不能省略{ ... }和return。-箭头函数与普通函数的区别

可以简化对复杂信号的一些特性的研究。冲激函数及其延时冲激函数的线性组合来表示或逼近,再利用系统的迭加原理,可以通过简单的信号如单位冲激函数的频谱,以及频域特性来讨论比较复杂信号的频谱。从而减少计算复杂信号频谱的难度。-箭头函数与普通函数的区别

箭头函数、普通函数和this的区别

let fun = function(()={

console.log(123);

})

箭头函数是匿名函数,不能作为构造函数,不能使用new

箭头函数不绑定arguments,取而代之用rest参数...解决

箭头函数不绑定this,会捕获其所在的上下文的this值,作为自己的this值

箭头函数没有原型属性

箭头函数不能当做Generator函数,不能使用yield关键字

解决了匿名函数this指向的问题(匿名函数的执行环境具有全局性),包括setTimeout和setInterval中使用this所造成的问题

匿名函数的执行环境是全局的,而且this只在函数内部起作用

在全局环境下,this 始终指向全局对象(window), 无论是否严格模式;

普通函数内部的this分两种情况,严格模式和非严格模式。

非严格模式下,this 默认指向全局对象window

而严格模式下, this为undefined

functionf2(){  "use strict";// 这里是严格模式returnthis;}f2() ===undefined;// true

对象内部方法的this指向调用这些方法的对象,

函数的定义位置不影响其this指向,this指向只和调用函数的对象有关。

多层嵌套的对象,内部方法的this指向离被调用函数最近的对象(window也是对象,其内部对象调用方法的this指向内部对象, 而非window)。

var o = {

  prop: 37,

  f: function(){

    return this.prop;

  }

};

console.log(o.f());  //37

var a = o.f;

console.log(a()):  //undefined

var o = {prop: 37};

function independent(){

  return this.prop;

}

o.f = independent;console.log(o.f()); // logs 37

o.b = {

  g: independent,

  prop: 42

};

console.log(o.b.g()); // logs 42

谁调用指向谁,当前对象找不到的话,根据原型链向上去找

构造函数中的this与被创建的新对象绑定。

注意:当构造器返回的默认值是一个this引用的对象时,可以手动设置返回其他的对象,如果返回值不是一个对象,返回this。

functionC2(){

  this.a = 37;

  return {a:38};

}

var b = new C2();

console.log(b.a); // logs 38

箭头函数的this永远指向其上下文的this,任何方法都改变不了其指向,如call(),bind(),apply()

普通函数的this指向调用它的那个对象