js 中，箭头函数和普通函数的区别

最新推荐文章于 2024-01-23 10:35:51 发布
最新推荐文章于 2024-01-23 10:35:51 发布
阅读量77 收藏
点赞数
分类专栏： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fhjdzkp/article/details/119655000
版权

1，this指向的不同，箭头函数的this，是指函数定义时的this值，和怎么调用他都没关系

普通函数的this是由“调用它所使用的引用”决定，调用函数时所使用的引用，决定了函数执行时的this值

一只特立独行的猫猫
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js箭头函数和普通函数区别
qq_18138105的博客
04-10 1808
js箭头函数和普通函数区别 实验环境：nodejs v12.16.1 箭头函数不能作为构造函数，而普通函数可以 箭头函数没有原型，而普通函数有。 箭头函数return可以省略语句块。 箭头函数不绑定arguments(注意：浏览器环境下获取箭头函数的arguments会报错)，而普通函数argument绑定了参数列表对象 this指向问题 箭头函数的this指向上层函数作用域的thi...
JS中箭头函数和普通函数的区别
jingzhi99的博客
09-15 429
JS中箭头函数和普通函数的区别 ES6标准新增了一种新的函数：箭头函数Arrow Function let fn = () => {}; 箭头函数是一种非常好用的语法，其有着简洁的函数声明方法，还有很多的简写方式，下面详细的介绍一些箭头函数与普通函数的区别 箭头函数比普通函数更加简洁 // 箭头函数 let foo = () => {}; // 普通函数 function fn() {}; 箭头函数的简写方式 1、省略括号，当箭头函数只有一个参数时，括号可以省略 let foo = ite
js es6箭头函数和普通函数的区别
m0_49016709的博客
08-15 404
普通函数在es5中就有了，箭头函数是es6中出现的函数形式，当然也可以继续用普通函数。 1、普通函数 let a=function(){ return 1+1 } let b=function(x){ return x } let c=function(a){ let x=5; return x+a } 2、箭头函数 更简短的函数 单条处理可以省略return和{大括号} 单个参数可以省略(小括号) let a=()=>1+1 let b=x=>x let c=(a)=>
箭头函数与普通函数的区别
全栈攻城狮的博客
05-06 370
箭头函数相当于匿名函数，并且简化了函数定义。箭头函数有两种格式，一种只包含一个表达式，连{ … }和return都省略掉了。还有一种可以包含多条语句，这时候就不能省略{ … }和return。 箭头函数是匿名函数，不能作为构造函数，不能使用new 箭头函数不绑定arguments，取而代之用rest参数…解决 箭头函数不绑定this，会捕获其所在的上下文的this值，作为自己的this值 ...
js中箭头函数和普通函数区别
weixin_43190804的博客
05-25 4629
一.箭头函数和普通函数 箭头函数相当于匿名函数，并且简化了函数定义。 箭头函数有两种格式，一种只包含一个表达式，连{ … }和return都省略掉了。 还有一种可以包含多条语句，这时候就不能省略{ … }和return。 let fun = () => { console.log('111'); } function fun() { //普通函数 console.log('123'); } 二、箭头函数和普通函数的区别 1. 箭头函数不能作为构造函数，而普通函数可以： 箭头函
【JavaScript详解】箭头函数和普通函数有什么区别
最新发布
SailingCoder的博客
01-23 613
箭头函数和普通函数在 JavaScript 中各有各的用途。箭头函数提供了一种更为简洁的函数书写方式，同时也改变了this关键字的行为。在选择使用哪一种函数时，开发者应该根据具体的场景和需求来决定。在实际开发中，箭头函数因其简洁和this处理上的优势，常常用于回调函数和那些不需要使用this的场合。而普通函数则在需要动态this或者需要作为构造函数时发挥作用。
JavaScript中的普通函数和箭头函数的区别和用法详解
12-01
javaScript 中的箭头函数 ( => ) 和普通函数 ( function ) 有什么区别？ 我当时想的就是：这个问题很简单啊~（flag），然后做出了错误的回答…… 箭头函数中的 this 和调用时的上下文无关，而是取决于定义时的上下文...
js代码-014面试题--普通函数与箭头函数的区别
07-16
JavaScript是Web开发中不可或缺的一部分，其语法特性多样且灵活，其中普通函数与箭头函数是两种常见的函数定义方式。在JavaScript的世界里，理解和掌握它们之间的区别对于开发者来说至关重要，尤其是在面试过程中，...
Javascript中 带名 匿名 箭头函数的重要区别(推荐)
12-09
在JavaScript中，有三种主要的函数定义方式：带名函数、匿名函数和箭头函数。每种函数类型都有其特定的用途和特点。 1. **带名函数**： 带名函数在定义时有一个明显的函数名称，例如`function abs(x) {...}`。这种...
js代码-箭头函数和普通函数的区别
07-16
在JavaScript中，我们有两种主要的函数定义方式：箭头函数和普通函数（也称为函数表达式或function关键字定义的函数）。这两种函数在语法和行为上都有所不同，理解它们的区别对于编写高效且易于维护的代码至关重要。...
js箭头函数和普通函数的区别
少油少盐不要辣
05-24 3526
1.this（执行上下文）指向 （1）普通函数中的this： 在简单调用中，非严格模式下，指向window。严格模式下，为undefined。 function parent() { console.log(this); } parent();// window 'use strict'; function parent() { console.log(this); } parent(1,2); // undefined 作为某个对象方法调用时，this指向
一个节点添加class，其余兄弟节点 移除class
风华绝代的博客
08-12 4033
function handleOnclick(){ // if(to.nodeName !== "UL"){ // to.classList.remove("visitedA"); // to.setAttribute("class", "visitedA"); // console.log(to) // console.log(to.parentNode.parentNode.c...
js 数字0.0000000061问题
风华绝代的博客
12-26 843
主要是计算机在进行数字计算的时候，会将二进制先转换成十进制，最后，再将十进制转换成二进制，中间就会出错，所以，可以将数字乘以100，再除100，这样来解决这个问题...
js 验证只有数字的情况
风华绝代的博客
12-27 654
昨天偶然发现parseInt方法还有第二个参数，第二个参数就是把第一个参数设置成用几进制，具体大家可以百度js parseInt
for in循环对象时对对象值的操作，以及日期的格式化问题
风华绝代的博客
07-24 638
下面这个for循环是按照key来遍历一个对象，在遍历的同时，对对象中的值进行操作，如果符合条件，就将符合条件的删除 for(name in this.search){ if(this.search[name] == '' || this.search[name] == '-1' || !this.search[name]){ delete this.search[name]; } } ...
js 小数相乘 四舍五入
风华绝代的博客
03-12 636
今天工作遇到了这个问题，两个小数相乘，会得到小数点后很多位数的数，我想要的是得到一个正常的数字，然后进行四舍五入，来保存两位小数 https://mathjs.org/index.html这个是我用到的科学计数法的插件 先进性安装 npm install mathjs 代码用到的是如下两种 （1） const math = require('mathjs') const...
前端常用宽高
风华绝代的博客
06-18 416
页可见区域宽： document.body.clientWidth; 网页可见区域高： document.body.clientHeight; 网页可见区域宽： document.body.offsetWidth (包括边线的宽); 网页可见区域高： document.body.offsetHeight (包括边线的宽); 网页正文全文宽： document.body.scrollWidth; ...
判读是否是对象，数组，字符串
风华绝代的博客
12-29 366
const typeList = ['Object', 'Array', 'Function', 'Number', 'String', '']; const validate = (() => {     let obj = {}     for (let name of typeList) {         obj[`is${name}`] = (originObj) ...
JavaScript中箭头函数和普通函数的区别和示例代码
05-21
箭头函数和普通函数的区别主要体现在以下几个方面： 1. 箭头函数没有自己的this，它的this指向定义它时所处的作用域的this值。 2. 箭头函数不能作为构造函数使用。 3. 箭头函数没有arguments对象。 下面是示例代码...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值