首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

普通函数与箭头函数

一、区别 箭头函数是匿名函数,不能作为构造函数,不能使用new let FunConstructor = () => { console.log('lll'); } let fc = new...Generator函数,不能使用yield关键字 二、JS this指向问题 普通函数的this的指向在函数定义的时候是确定不了的,只有函数执行的时候才能确定this到底指向谁,实际上this的最终指向的是那个调用它的对象...箭头函数比较特殊没有调用者,不存在this.箭头函数()的概念,但是它内部可以有this,而内部的this由上下文决定 例子1: var o = { user:"追梦子", fn:function...首先new关键字会创建一个空的对象,然后会自动调用一个函数apply方法,将this指向这个空对象,这样的话函数内部的this就会被这个空的对象替代。...2. new操作符会改变函数this的指向问题。

96040

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

1、this指向问题(重要) MDN的描述是箭头函数不会创建自己的this他只会从自己的作用域链的上一层继承this,这里我们可以理解为this指向外层第一个普通函数(如果没有,则指向全局对象(可通过...globalThis访问));而普通函数中this指向其调用者。...this指向不可以修改,通过 call() 或 apply() 方法调用一个函数时,只能传递参数(不能绑定 this---译者注),他们的第一个参数会被忽略。...ReferenceError: arguments is not defined console.log(args); // [1, 2, 3] } fn(1, 2, 3) 3、不能和new一起用,会报错 也就是说箭头函数不能被用作构造函数...Fn.prototype) // undefined let f = new Fn(); // Uncaught TypeError: Fn is not a constructor 以上就是关于箭头函数普通函数的区别

35010
您找到你想要的搜索结果了吗?
是的
没有找到

箭头函数普通函数的区别

01  【从定义方式来看】 【普通函数】 定义普通函数的方式通常有函数声明和函数表达式: 【箭头函数】 箭头函数普通函数的语法糖(使用语法糖能够增加程序的可读性,从而减少程序代码出错的机会),书写要更加简洁...: 02 【从this指向来看】 【普通函数】 严格模式下,this指向undefined: 非严格模式下,this指向window: 谁调用函数函数内部的this就指向谁: 普通函数中的this...this: 从上面的例子中可以看出,普通函数fn作为obj的属性被调用,谁调用普通函数,那么函数中的this就指向谁,所以fn的this指向obj。...箭头函数会忽略任何形式的this指向的改变(bind、call、apply等方式无法改变箭头函数的this指向),箭头函数的this指向是静态的: 03 【从构造函数来看】 【普通函数】 通过new关键字调用普通函数...(作为构造函数),this指向被创建出来的对象实例: 【箭头函数】 箭头函数不能当做构造函数来使用: 04 【从arguments对象来看】 【普通函数】 在普通函数中,arguments是类数组对象

70220

探索 JavaScript 函数普通函数、箭头函数和生成函数

JavaScript的动态领域中,函数是基本构建块,赋予开发者高效组织和执行代码的能力。理解普通函数、箭头函数以及相对较新的生成器函数之间的微妙差异,对于编写整洁、简明和高效的代码至关重要。...本文将深入探讨每种函数类型,探索它们的语法、行为和使用场景。普通函数普通函数,也被称为传统函数函数声明,在 JavaScript 自早期以来就一直是重要组成部分。...提升:普通函数会被提升,意味着它们可以在代码中被声明之前调用。this 绑定:普通函数内部的 this 值在运行时动态确定,取决于函数的调用方式。...普通函数的使用广泛且适用于各种场景,使其成为 JavaScript 开发的重要组成部分。箭头函数:箭头函数是在 ECMAScript 6(ES6)中引入的,与普通函数相比,它们提供了更简洁的语法。...生成器函数适用于处理异步操作、惰性求值以及需要高效生成值序列的场景。结论:总之,理解普通函数、箭头函数和生成器函数之间的差异对于编写有效的 JavaScript 代码至关重要。

11200

箭头函数普通函数的区别详解

箭头函数普通函数的区别 一.外形不同:箭头函数使用箭头定义,普通函数中没有 代码实例如下: // 普通函数 function func(){ // code } // 箭头函数 let func...=()=>{ // code } 二.箭头函数都是匿名函数 普通函数可以有匿名函数,也可以有具体名函数,但是箭头函数都是匿名函数。...let func=()=>{ // code } 三.箭头函数不能用于构造函数,不能使用new 普通函数可以用于构造函数,以此创建对象实例。...但是构造函数不能用作构造函数。 四.箭头函数中this的指向不同 在普通函数中,this总是指向调用它的对象,如果用作构造函数,this指向创建的对象实例。...arguments,取而代之用rest参数…解决 每一个普通函数调用后都具有一个arguments对象,用来存储实际传递的参数。

75920

函数普通函数效率高

总结一句话:一般情况下,普通函数调用有调用过程的开销,而宏函数是直接替换没有开销,因此效率更高。...函数式宏定义的参数没有类型,预处理器只负责做形式上的替换,而不做参数类型检查,所以危险性高;但因为省去了函数的调用、返回、释放,所以效率比自定义函数高;那些简短并且被频繁调用的函数经常用函数式宏定义来代替实现...一个函数调用过程所需要的信息一般包括以下几个方面: 函数的返回地址; 函数的参数; 临时变量; 保存的上下文:包括在函数调用前后需要保持不变的寄存器。...宏定义、宏函数不做语法检查,只是简单的文本替换。用空间换时间,对较简短的函数,用宏函数替代函数。 宏占用了编译时间,函数占用执行时间。...函数调用需要付出一定的时间和空间开销,因为系统在调用函数时必须保留场景,然后转移到被调用函数执行,调用完成,返回到调用函数,然后继续场景。这些操作显然不在宏中。

1.3K30

Hooks与普通函数的区别

Hooks与普通函数的区别 在这里的Hooks具体指的是自定义Hooks,自定义的Hooks与我们定义的普通函数类似,都可以封装逻辑,以实现逻辑的复用。...当然在这里还是得先明确一点定义: 自定义Hooks就是很明确的定义了,其以use开头,内部可以调用其他的Hooks;在这里描述的的普通函数指的是我们平时写的抽离公共逻辑的函数,而不是在我们定义的普通函数中去调用其他...如果在普通函数中调用了其他Hooks,那么这个函数就不再是普通函数了,除了违反了Hooks的命名规则以外,那就完全是一个Hooks的定义了。...普通函数普通函数当中,其就是一个模块,因此其数据是在所有调用者中共享的,因此我们可以通过一个Map来存储数据,这样就可以实现数据的复用。.../自定义Hooks内调用,而不应该在普通函数调用。

68920

js中构造函数普通函数的区别_函数声明和函数定义

1、构造函数也是一个普通函数,创建方式和普通函数一样,但构造函数习惯上首字母大写 2、构造函数普通函数的区别在于:调用方式不一样。...作用也不一样(构造函数用来新建实例对象) 3、调用方式不一样。 a....普通函数的调用方式:直接调用 person(); b.构造函数的调用方式:需要使用new关键字来调用 new Person(); 4、构造函数函数名与类名相同:Person( ) 这个构造函数...A、立刻在堆内存中创建一个新的对象 B、将新建的对象设置为函数中的this C、逐个执行函数中的代码 D、将新建的对象作为返回值 6、普通函数例子...:因为没有返回值,所以为undefined 7、构造函数例子:构造函数会马上创建一个新对象,并将该新对象作为返回值返回 8、用instanceof 可以检查一个对象是否是一个类的实例

3.1K10

Java系列:构造函数重载和普通函数的那些事~

,似乎我们忘掉了普通函数,不捉急,这里我们就来说说普通函数,关于Java中的普通函数,和其他语言有一点点的不同,那就是Java中的函数不能单独存在,必须要定义在类体中。...普通函数的大致用法其实和别的语言也差不多,这也是编程语言学起来并不是很难的原因,把一门语言精通,那么其他的语言学起来就会很快。 普通函数既然很普通,自然也不会有太多的优先级之分,该调用时便调用。...2.普通函数是有返回值类型的,即使函数值没有返回值,返回值类型也要写上void 返回值类型 1.构造函数函数名必须要类名一致 2.普通函数函数名只要符合标识符的命名规则即可 调用方式 1.构造函数是在创建对象的时候由...jvm调用的 2.普通函数是由我们创建对象调用的 作用 1.构造函数的作用用于初始化一个对象 2.普通函数是用于描述一类事物的公共行为的 三.方法的重载和编译时多态 上面有构造函数的重载,这里普通函数也是不服了...关于普通函数的重载,和构造函数一样也是一个类中多个方法的名称相同,参数的列表不同,但返回值和修饰符不一样,普通函数的返回值类型和修饰符均无关。

70940

热点面试题:箭头函数普通函数的区别?

前言 前端小菜鸡一枚,分享的文章纯属个人见解,若有不正确或可待讨论点可随意评论,与各位同学一起学习~ 箭头函数普通函数的区别? 1. 箭头函数普通函数语法更加简洁: 1....函数体只有一句时,可省去大括号 5. 如果函数体不需要返回值,且只有一句话,在这个语句前加一个 void 关键字即可,最常见的就是调用一个函数。...箭头函数没有自己的 this 3....箭头函数不能作为构造函数使用:在构造函数 new 的步骤中,有一步是将函数中的 this 指向新的对象,在箭头函数中,因为没有自己的 this,且 this 指向外层的执行环境,且不能改变指向,所以不能当成构造函数使用...箭头函数没有自己的 arguments 7. 箭头函数没有原型 prototype 8.

10110

js 中的构造函数,构造函数作用,构造函数普通函数的区别

函数的定义方式: 1.声明式函数定义: function 函数名 (){};这种定义方式,会将函数声明提升到该函数所在作用域的最开头,也是就无论你在这个函数的最小作用域的那儿使用这种方式声明的函数,在这个作用域内...之所以有构造函数普通函数之分,主要从功能上进行区别的,构造函数的主要 功能为 初始化对象,特点是和new 一起使用。new就是在创建对象,从无到有,构造函数就是在为初始化的对象添加属性和方法。...6、 构造函数普通函数的区别 1、构造函数也是一个普通函数,创建方式和普通函数一样,但构造函数习惯上首字母大写。 2、调用方式不一样。...普通函数的调用方式:直接调用 person(); 构造函数的调用方式:需要使用new关键字来调用 new Person(); 3、构造函数函数名与类名相同:Person( ) 这个构造函数,Person...普通函数:因为没有返回值,所以为undefined 写在最后,如有错误欢迎留言指正和补充~ 版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。

3.4K10

Linux普通用户使用Docker

简介 Docker 是一款开源的应用容器引擎,让开发者可以打包他们的应用以及依赖包到一个可移植的镜像中,然后发布到任何流行的 Linux 或 Windows 操作系统的机器上,也可以实现虚拟化。...不过,对于不那么要求安全性的场景,或者服务器上的部分普通用户值得信赖,能安全使用其被赋予的权限,则可以考虑给这部分用户使用 Docker 的权限。...普通用户使用 Docker 3.1 问题 普通用户直接使用 Docker 会报错权限不足: docker: Got permission denied while trying to connect to...如果需要让普通用户在 Docker 中也能使用显卡,则需要进一步配置,具体参见 Nvidia 提供的官方指导。...附录 参考资料: Install Docker Engine Post-installation steps for Linux NVIDIA Cloud Native Documentation non-root

6.7K20

【C++】泛型编程 ② ( 函数模板与普通函数区别 )

一、函数模板与普通函数区别 1、函数模板与普通函数区别 函数模板与普通函数区别 : 主要区别在于它们能够处理的 数据类型数量 和 灵活性 ; 自动类型转换 : 函数模板 不允许 自动类型转化 , 会进行严格的类型匹配...等类型 ; 函数模板 可以接受 任何类型 的参数 , 函数模板在 C++ 编译器 编译时 将类型参数实例化 , 生成对应的 普通函数 ; 灵活性 : 普通函数 对于 不同的 数据类型参数 需要单独定义...2、代码示例 - 函数模板与普通函数区别 在下面的函数中 , 第一个调用场景 , 完全符合 普通函数 的 调用要求 , 优先调用 普通函数 ; int a = 10, b = 20; // 调用普通函数..., 不会进行 类型转换 ; // // 如果 符合 普通函数类型参数要求 , 优先调用普通函数 ; // 如果 没有 符合要求的 普通函数 , 则查看 模板函数 能否匹配 ; // 如果 模板函数...仍不能匹配 , 则查看 普通函数 类型转换能否匹配 ; int main() { int a = 10, b = 20; // 调用普通函数 // 如果符合普通函数要求 优先调用普通函数

20650
领券