箭头函数和函数默认值

最新推荐文章于 2023-05-10 14:21:54 发布
最新推荐文章于 2023-05-10 14:21:54 发布
阅读量405 收藏
点赞数
分类专栏： ES6
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43955911/article/details/93752247
版权
本文介绍了箭头函数的特性和使用注意事项，包括其this的指向和不能作为构造函数的事实，以及不支持arguments对象。同时，文章还讨论了ES6中函数参数的默认值设定，让函数在调用时能有更灵活的默认行为。
摘要由CSDN通过智能技术生成

文章目录

箭头函数

普通的函数，谁调用this指向谁

箭头函数特性：

  • 函数内部的this，绑定的是定义时所在的作用域的this
  • 不可以当做构造函数
  • 不可以使用arguments对象

关于函数默认值

function fn(){
   
	a = a || 10;//默认为10
	console.log(a) }
出现的问题：当fn（0）时，结果也为
最低0.47元/天 解锁文章
Jessie-moving
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
【前端之ES6语法、箭头函数、函数参数的默认值的基本语法知识】
qq_44735180的博客
01-04 442
前端之ES6语法、箭头函数、函数参数的默认值的基本语法知识let/const与var的区别：var会进行预解析let/const不会；var可以声明两个重名变量let/const不可以；var没有块级作用域let/const有块级作用域； Var let 定义变量时可以不进行赋值，const必须赋值；Var let 定义的变量可以被修改，const不可以。 箭头函数某些时候可以省略 ()：当你的形参只有一个的时候, 可以不写 ()；当你的代码只有一句话的时候, 可以不写 {}；箭头函数内没有 this。
ES6箭头函数和函数默认值
林中明月间丶
12-25 841
<script type="text/javascript"> //箭头函数 // 语法() =>{} function fn(){} //传统 var f = () =>{ console.log(123); } f();//123 //var fn = (参数1,参数2) => 运算; 调用:fn(a,b) var add = ()=>...
10、ES6笔记之箭头函数基本用法2之给函数设置默认值
Candy_mi的博客
08-21 277
以前的写法 //给函数的第二个参数默认为宝贝,当传值得时候用所传的值 function show(a, b) { b = b || '宝贝'; console.log(a, b) } show('欢迎', '小仙女'); //欢迎 小仙女 show('欢迎') //欢迎 宝贝 结构函数的写法 //直接在参数上赋值 function sh...
ES6 箭头函数、参数默认值、拓展运算符、rest运算符
超逸の学习技术博客
03-05 716
上方代码中，我们往往 arr2 里添加了`你懂的`，却发现，arr1 里也有这个内容。原因是：`let arr2 = arr1;`其实是让 arr2 指向 arr1 的地址。也就是说，二者指向的是同一个内存地址。 如果不想让 arr1 和 arr2 指向同一个内存地址，我们可以借助扩展运算符来做：
js基础笔记学习79-箭头函数得参数和参数默认值
qq_41632427的博客
11-04 191
前端
ES6 函数 （箭头函数、默认参数、函数展开）
keep moving
09-11 579
箭头函数 // 传统 let plus = function(a,b) { return a+b } // 箭头函数 let arrPlus = (a,b) =&gt; a+b // 传统 function plus1(a,b) { return a+b; } let a = plus(1,5) let b = plus1(1,6) let c = arrPlus(1,7) ...
ES6中的函数（函数参数、默认值、箭头函数）
高先生的猫
07-22 506
一、函数参数的解构赋值 function foo([a,b]) { console.log(a+b); // 3 } foo([1,2]); function bar({c,d}) { console.log(c+d); // 7 } bar({c:3,d:4}); 二、函数默认参数 2.1 基本方式 function foo(a,b=10) { console.log(a+b); // 1+10=11 => 11 } foo(1); fun.
ES6 函数的扩展：参数默认值，箭头函数，rest参数
weixin_43026567的博客
04-14 339
参考资料：阮一峰老师的es6 参数默认值 ES6 之前，不能直接为函数的参数指定默认值，只能采用变通的方法。 function log(x, y) { y = y || 'World'; console.log(x, y); } log('Hello') // Hello World log('Hello', 'China') // Hello China log('Hello', ''...
3、箭头函数和函数默认值
weixin_30706507的博客
08-15 99
ES6使用‘箭头’ （=>）定义函数var f = v => v; 1、箭头函数特性 　　1）函数体内的this值，绑定的定义时所在的作用域的this 　　2）不可以当做构造函数 　　3）不可以使用arguments对象，（可以是用...rest代替） 2、语法：（）=> { } 　　变形：1)不传参，代码只有返回值 var add = （）=&gt...
函数扩展，函数参数的默认值，箭头函数
xh0112的博客
02-24 173
函数扩展1.函数参数的默认值作用域2.rest参数2.1 基本用法2.2 rest参数和arguments对象的区别3.箭头函数3.1 定义3.2 语法3.3 其他写法3.4 箭头函数中this指向 1.函数参数的默认值 ES6之前，不能为函数的参数设置默认值，只能在代码中进行判断 function show(a,b){ if(typeof b === "undefined"){ b = 0; } console.log(a,b); } show(1); ES6的
es6箭头函数、参数、扩展运算符（es6学习笔记02）
sandy_star
01-22 323
前言：本篇主要学习es6的箭头函数、函数参数默认值设置、rest参数、扩展运算符。 一、箭头函数及其声明特点 1.1声明一个函数 //老方法去声明函数 let fn =function(){ } //用箭头函数去声明函数 let fn(a,b) => { //变量可以放在小括号里面 return a+b; } //调用函数 let result = fn(1,2); console.log(result); 1.2箭头函数的特点 （1）this是静态的，this始终指.
ES6相关知识（5）函数新特性--箭头函数
m0_62903673的博客
06-16 248
1. 函数参数默认值，注意：具有默认值的参数要写到后边。 2. args参数是一个纯数组对象，可以替代类数组argumens, 3. 箭头函数，若执行多行语句需要加上花括号
【JavaScript进阶之旅 ES6篇 第六章】函数默认值、this、箭头函数、箭头函数结合函数参数解构赋值、rest运算符
马云
06-23 250
函数形参的length等于从左到第一个有默认值的参数的个数 2、函数实参的length 3、函数的默认值对函数的length的影响 更改函数参数默认值，会引起函数的属性length变化 length根据默认值的位置确定，只包含默认值之前的参数的长度 4、函数的默认值导致形参和实参的映射关系不存在 函数的形参和实参是相互映射的关系 指定函数的默认值后： 任何一个参数给了默认值后，形参跟实参的映射关系将不存在 5、给解构赋值一个默认值 上述不传值的解决办法： 6、fetch 调用f
ES6函数中参数的默认值和解构赋值
最新发布
千锋教育
05-10 932
●ES6允许按照一定的模式，从数组或对象中提取值，给变量进行赋值，称为解构赋值。●书写: 直接在书写形参的时候, 以赋值符号(=) 给形参设置默认值就可以了。●函数的默认值是给函数的形参设置一个默认值, 当你没有传递实参的时候来使用。●给函数的形参设置一个默认值, 当你没有传递实参的时候, 使用默认值。●语法：var {键名1, 键名2, 键名3, ... } = 对象。●语法：var [变量1,变量2, 变量3，....] = 数组。●会按照数组的索引依次把数组中的数据拿出来，赋值给对应的变量。
【Vue】001 箭头函数的返回值问题
august_shi的专栏
06-19 747
箭头语法返回值
ES6箭头函数及给函数形参添加默认参数
YY的博客
10-28 1244
给函数设置默认参数、箭头函数
ES6——基础入门【箭头函数与this指向-默认值参数-扩展剩余运算符】
世界和我们都不该止步于此
03-29 815
貌似ES6中最广为流传的就是它的箭头函数了吧，也难怪，ES6中函数使用方法不仅简便，而且还颇有几分美感且逻辑清晰，箭头函数更是常常使用 目录 一.带参数的默认值函数 二.剩余运算与扩展运算 三.箭头函数 四.运用箭头函数来完成闭包函数的简化 五.箭头函数注意事项——this也想找对象 1.this与arguments 2.箭头函数的new实例化对象 一.带参数的默认值函数 什么是带参数的默认值函数？我们知道ES5中我们在调用函数时，如果没有给到形参所对应的实参，那么一般会使用逻辑或来
ES6之箭头函数：this 指向、参数默认值
weixin_46235143的博客
11-19 428
箭头函数小 tips 若形参只有一个变量，可以省去（） 若函数体内有且只有一条语句，则可以省去 { }，但前提是，这条语句必须是 return 语句。 上面两条的案例： const fn1 = a => a + 1; console.log(fn1(2)); //输出3 箭头函数是没有函数名的，要调用就为其赋值一个变量，通过变量名调用函数（如上）。 正题：箭头函数的 this 指向 this 指向是面试中考察的重点。 在 普通函数中，this 指向的是函数被调用的对象（也就是说，谁调用了函
ES6允许函数参数设置默认值和新增箭头函数
qq_37635012的博客
05-11 336
函数的参数默认值 ES6允许为函数的参数设置默认值，如下例： function Point(x =0,y=0){ this.x=x: this.y=y; } var p= new Point ( ); console.log§; // p={x:o,y:0} 函数参数定义默认值之后，就不能再在函数体里用let和const了，如下面这样就是错的: function show(a=18){ let a = 101; } show( ); 箭头函数 ES6允许使用“箭头” (=>)定义函数 (参数)
怎么给箭头函数的参数赋值
02-06
给箭头函数参数赋值可以在定义箭头函数时直接给参数赋值。例如： ``` const myFunction = (param1 = "default value") => { // function code here } ``` 或者是在调用箭头函数时给参数赋值 ``` myFunction("new ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值