06-箭头函数

最新推荐文章于 2024-08-27 15:59:21 发布
最新推荐文章于 2024-08-27 15:59:21 发布
阅读量95 收藏
点赞数
分类专栏： js 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43929206/article/details/129114196
版权

简介

箭头函数是定义函数的一种新的方式，它比传统函数function定义更加方便和简单，它没有绑定自己的this指向和伪数组arguments，无法调用super方法生成实例化对象，因为它不是构造函数，一般用来取代匿名函数的写法，最主要的是箭头函数的this指向它的上一级作用域中的this，也可以理解伪它的this是固定的，而普通函数的this是可变的

伊见~
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ES6新特性06-箭头函数及声明特点
A1066223647的博客
05-24 174
ES6新特性06-箭头函数及声明特点 文章目录ES6新特性06-箭头函数及声明特点一、箭头函数的演示二、箭头函数的应用场景 一、箭头函数的演示 ES6 允许使用「箭头」（=>）定义函数。 箭头函数的特点： this 是静态的. this 始终指向函数声明时所在作用域下的 this 的值 不能作为构造实例化对象 不能使用 arguments 变量 箭头函数的简写规则： ​ 4.1 省略小括号, 当形参有且只有一个的时候 ​ 4.2 省略花括号, 当代码体只有一条语句的时候, 此时 return
ES6学习笔记06-箭头函数和解构函数结合
doublewe的博客
01-13 254
1.创建一个Person对象： 2.定义一个fun1函数： 3.调用函数： 4.将Person对象传进来之后，在函数的形参列表里将其结构，最后运行结果：
06-JavaScript函数
m0_57262196的博客
05-12 151
函数也是一个对象,它具有其他对象所有的功能-函数中可以封装一些功能（代码），在需要时可以执行这些功能（代码)-函数中可以保存一些代码在需要的时候调用在实际开发中很少使用构造函数来创建一个函数对象。
06 es6 箭头函数
m0_64904350的博客
07-18 94
【代码】06 es6 箭头函数。
2021-06-29 验证:vue提供的值为函数时,使用箭头函数会造成this丢失
GAARA
06-29 189
示例 html: <div id="app"> <button v-on:click="show1">Button1</button> <button @click="show2">Button2</button> <button @click="show3">Button3</button> <div id="box">{{msg}}</div> </div&g
JS的sort()方法 - 用法 以及箭头函数写法
Allen的博客
10-26 628
JS的sort()方法 - 用法 以及箭头函数写法
2021-06-15ES6 系列之箭头函数
qq_52303179的博客
06-15 120
ES6 系列之箭头函数 ES6 增加了箭头函数： let func = value => value; 复制代码相当于： let func = function (value) { return value; }; 复制代码如果需要给函数传入多个参数： let func = (value, num) => value * num; 复制代码如果函数的代码块需要多条语句： let func = (value, num) => { return value * num }
ES6 从入门到精通 # 06：箭头函数 this 指向和注意事项
学习前端这门手艺，栈底到栈顶依次是：浏览器架构、Web 网络、事件循环机制、JavaScript 核心、V8 的内存管理、浏览器的渲染流程、Web 安全、CSS、React、Vue、Node、构建工具链等
07-20 319
这里我们不能包init改成箭头函数，不然this会指向window因为箭头函数内部this值只能通过查找作用域链来确定。是我们使用new或super创建新对象时使用的东西，只有类型的函数。es5中的this指向取决于调用该函数的上下文对象。es5处理方式使用bind改变this指向。ES6从入门到精通系列（全23讲）学习笔记。因为这里的this指向了window。未标识为构造函数的内置函数对象不实现。每个函数创建的定义都归结为。...
ES6学习之箭头函数
w1366352655的博客
12-12 141
前言 最开始接触箭头函数的时候，都是听到别人说”使用箭头函数的话就不需要绑定this，因为它会自动绑定的“，如今深入了解了一下该特性貌似上面的话只对了一半。 什么是箭头函数 箭头函数相对于以前的函数表达式有着更加简洁的语法，最重要的是它不会绑定自己的this、arguments、super或者new.target。换句话说就是箭头函数不像函数表达式那样，有自己的this值，在箭头函数内部的this...
goit-react-hw-06-phonebook
04-01
9. **ES6+特性**：项目可能利用了ES6+的特性，如箭头函数、模板字符串、解构赋值、类与继承等，提升代码的可读性和简洁性。 10. **CSS-in-JS**：样式可能使用CSS-in-JS方法（如`styled-components`或`emotion`）来...
06-react优化.md
03-31
在构造函数中绑定this更为高效，或者使用箭头函数来避免bind。 6. 使用shouldComponentUpdate控制组件渲染： 默认情况下，React会在父组件更新时自动更新所有子组件。通过实现shouldComponentUpdate方法或者使用...
js进阶--JSON，克隆，解构赋值,class类与箭头函数 06
cuishoulong3424的博客
12-04 527
文章目录Array.from(类数组)sort中的a，b代表的每一项JSON浅克隆深克隆es6letconst对于对象中属性名与属性值一样的只写一个就可以解构赋值数组的解构赋值对象的解构赋值函数参数运用解构赋值展开运算符与剩余运算符箭头函数class类 Array.from(类数组) Array.from(类数组) 将类数组转换为数组 var ary = []; function A() { ary = Array.from(arguments); } A(1, 2, 3, 10, 9);
ES6 语法 之 let、const、模板字符串、箭头函数
qq_44641053的博客
07-30 585
ES6 语法ES6 语法let 关键字模板字符串const 关键字箭头函数 ES6 语法 ES6指的是javascript新规范 let 关键字 let关键字是用来取代var的； let作用，与var类似，用于声明一个变量； { let a = 'http://www.baidu.com'; var b = "魔道祖师"; console.log(b); conso...
Js高级 数组方法--构造函数
weixin_59166066的博客
04-25 740
JS高级 箭头函数 ES6中新增定义函数方式 （ ）=> const fn = ( )=>{ } 箭头函数以小括号开头，小括号里面放置形参的地方 小括号后面要写一个箭头 这是固定语法 小箭头后面 要写一个大括号 大括号 依然表示函数体 这就是定义箭头函数的基本方式 箭头函数没有名字 要如何调用呢？ 通常我们都会讲箭头函数赋值给一个变量 变量名字就是函数名字 ，通过变量名字来调用函数就可以了 函数体中只有一句代码，且代码的执行结果就是返回值，可以省略大括号 、不能写return
基于vue框架的病床管理信息系统odt4v（程序+源码+数据库+调试部署+开发环境）系统界面在最后面。
最新发布
h2345678的博客
08-27 954
因此，开发一套集医疗人员、物流人员、病床信息及使用记录等功能于一体的病床管理信息系统，成为提升医院管理水平、优化资源配置、增强患者满意度的迫切需求。第三阶段：2024年4月1日－2024年4月30日，完成系统分析，设计，编码，测试等工作，同时完善文献综述及外文翻译，完成论文初稿；第二阶段：2024年3月10日－2024年3月31日，查阅资料，调研系统需求，熟悉课题所需要的编译软件、数据库和设计语言等；第一阶段：2023年1月11日－2024年3月9日， 确定毕设题目，查阅资料，完成开题报告，进行开题答辩。
JavaScript代码片段
weixin_66128399的博客
08-26 1128
使用场景是：后端列表查询接口，某个字段前端不传，后端就不根据那个字段筛选，例如name不传的话，就只根据page和pageSize筛选，但是前端查询参数的时候（vue或者react）中，往往会这样定义。给后端发送数据的时候，要判断某个属性是不是空字符串，然后给后端拼参数，这块逻辑抽离出来就是cleanObject，代码实现如下。leading-true，trailing-true：在延时开始时就调用，延时结束后也会调用。//第一个参数指定位数，第二个字符串指定字符，都是可选参数，如果都不传，默认生成8位。
jQuery基础——DOM
m0_54066656的博客
08-27 1493
JQ基础——DOM操作
python12 中，No module named‘distutils‘错误
qq_43557600的博客
08-27 7115
python12 “ No module named'distutils' ”,​ 安装 pip install setuptools ，解决 ​
[ { "vehicleId": "34b8413a541612cfdb53a35e00f2b17c", "vehicleCode": "京AF03128", "brandId": "福田", "vehicleVin": "LVBV3J0B0NW001886", "engineCode": null, "drivingSignDate": "2022-06-14 00:00:00", "createTime": "2022-11-16 23:44:58", "yxnEquipmentCode": null, "yxnSn": null, "signType": "046001", "signFlag": 1, "billPrice": 0, "signMileage": 0, "mileageCurrent": 0, "mileageLast": 0, "signStartTime": "2023-03-01 00:00:00" } ],修改上述数据结构，添加一个total属性，如果mileageLast=0，total的值为signMileage乘以billPrice，如果mileageLast不是0，total的值为mileageCurrent减去mileageLast乘以billPrice 前端 es6
07-15
你可以使用ES6的箭头函数和条件运算符来实现这个需求。以下是修改后的数据结构的示例代码： ```javascript const data = [ { "vehicleId": "34b8413a541612cfdb53a35e00f2b17c", "vehicleCode": "京AF03128", "brandId": "福田", "vehicleVin": "LVBV3J0B0NW001886", "engineCode": null, "drivingSignDate": "2022-06-14 00:00:00", "createTime": "2022-11-16 23:44:58", "yxnEquipmentCode": null, "yxnSn": null, "signType": "046001", "signFlag": 1, "billPrice": 0, "signMileage": 0, "mileageCurrent": 0, "mileageLast": 0, "signStartTime": "2023-03-01 00:00:00" } ]; const modifiedData = data.map(item => ({ ...item, total: item.mileageLast === 0 ? item.signMileage * item.billPrice : (item.mileageCurrent - item.mileageLast) * item.billPrice })); console.log(modifiedData); ``` 在上述代码中，使用`map`方法遍历原始数据数组，并使用对象扩展运算符`...`将原始对象的所有属性复制到新对象中。然后，根据`mileageLast`的值使用条件运算符来计算`total`属性的值，并将新对象添加到`modifiedData`数组中。 请注意，这只是一个示例代码，你需要根据你的实际情况进行相应的调整。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值