2020/02/07 03-箭头函数、传参、作用域和异常处理

最新推荐文章于 2024-01-18 12:49:58 发布
最新推荐文章于 2024-01-18 12:49:58 发布
阅读量717 收藏 1
点赞数 1
分类专栏： 53前端开发之ES6入门(二)
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42227818/article/details/104216088
版权

在这里插入图片描述
每种语言有点区别，函数表达式也有点不一样
在这里插入图片描述
可以认为这个后面的匿名函数就是lambda表达式

在这里插入图片描述![
申明提升

在这里插入图片描述
python的东西可以在这里加强一下 在这里插入图片描述
这里是把匿名函数立即调用了，一旦调用就是生成器对象，就可以next了
在这里插入图片描述直接写return不允许
在这里插入图片描述
箭头函数
在这里插入图片描述
还有其他的写法，逗号表达式是以加5为准
在这里插入图片描述
要看x=右边多少
在这里插入图片描述
undefined的未定义
在这里插入图片描述

返回undefined
在这里插入图片描述
返回的结果是一个数组，每次返回的undefined加到了数组里去
在这里插入图片描述
打印的函数一般没有返回值
在这里插入图片描述
要想有返回值，逗号表达式不允许出现return
在这里插入图片描述
需要这么写
在这里插入图片描述
所以这个箭头函数等于
在这里插入图片描述
但是JS觉得还不够精简，只有一条语句，且没有return，是可以把大括号去掉的

x输入进去，加10，然后输出到屏幕，函数的返回值是undefined
在这里插入图片描述
只有一条语句可以不加括号，但是不能有return
虽然可以答疑110，但是没有返回值就是undefined
在这里插入图片描述
有返回值
在这里插入图片描述在这里插入图片描述
如果只有一条return语句可以精简更多，直接写成这样，不管x是什么，都return 2000
在这里插入图片描述
这个函数就等价于这个样子
在这里插入图片描述
在这里插入图片描述
把上面的转换成箭头函数
在这里插入图片描述
一个参数的情况下，a即可
在这里插入图片描述
如果是2个参数，写成这样就是逗号表达式，不对
在这里插入图片描述
只能括起来
在这里插入图片描述
如果是无参，就用括号，中括号，如果是一参，可以加括号也可以不加括号，大于一个参数，多个参数应该用括号括起来

右边是一条语句，就可以舍弃掉大括号，如多余一条语句，大括号就不可以舍弃
在这里插入图片描述
在这里插入图片描述
这样写等价于这个
在这里插入图片描述
这个函数就相当于后面return undefined
在这里插入图片描述
等于这个样子
在这里插入图片描述
箭头函数在ES6用的很多，很精简，可以一眼看出表达的意思是什么

在这里插入图片描述
return可以变化成这些，单独的return语句可以把大括号全部去掉
在这里插入图片描述
箭头函数没有参数用（）括号
只有一个参数，可以省略小括号
多个参数不能省略小括号，且使用逗号间隔
在这里插入图片描述
一个函数什么都不写，相当于return undefined，写了return，那return 什么就是什么。
return的时候，是用逗号表达式，这时候的值就跟逗号表达式的值有关系
在这里插入图片描述在这里插入图片描述在这里插入图片描述
等于10没有问题在这里插入图片描述在这里插入图片描述
y是undefined，这里做了隐式转换
在这里插入图片描述
这里没有像python的关键词的说法，只有表达式赋值的结果（5,6），python特殊，别的语言不这么玩
在这里插入图片描述这样传只有x有值，y相当于只定义了变量，没有赋值，就是undefined，NaN加任何数字就还是NaN
在这里插入图片描述
总结：JS传参，可以使用缺省值，好习惯是把缺省值放在最后，
在这里插入图片描述
这么写x就是undefined，就是NaN
undefined+字符串是拼接，undefined+数字是NaN在这里插入图片描述
这里现在有缺省值
在这里插入图片描述
在JS中，没有python那么复杂，只有形参定义，没有关键字传参，只有形参，可以给缺省值，但是缺省值建议往后。能对应的对应，不能对应的，多的就丢弃截断。
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
**
JS没有关键字传参
JS只做参数位置的对应
JS 并不限制默认参数的位置。
建议只要有参数缺省值就往后写，python有些例外，缺省值不能写到可变参数后面，可变关键字参数需要放到最后，keyword-only是缺省值，可变位置传参，和关键字的传参的缺省值应该放在可变参数前，再往前是最普通的的参数**
在这里插入图片描述
在这里插入图片描述在这里插入图片描述
6789被y收入了
在这里插入图片描述在这里插入图片描述
在后面加个参数z就不可以了，剩余参数应该是最后一个
在这里插入图片描述
in就是用的索引
在这里插入图片描述
ES6的箭头函数不建议使用这个
在这里插入图片描述
在JS里，只要有大括号都是对象在这里插入图片描述
把arguments，把你传的所有参数收集进来在这里插入图片描述
但是现在是传统的function定义方法，arguments需要改进下，所以就帮你把所有的参数都收集了
在这里插入图片描述
传参依然放到arguments了，但是能用的就是，x，y，arguments会把传实参的所有参数收集，但是已经退出历史舞台，能不用就不用
在这里插入图片描述
合约
在箭头函数使用，就不是刚才function传统定义的意思 了，这些其实是全局的一些信息在这里插入图片描述
箭头函数毕竟是ES6重新提供的函数，内部实现也是有区别的
在这里插入图片描述
箭头函数使用arguments就根本不是你想要的东西
在这里插入图片描述
所以到ES6可以不使用了
在这里插入图片描述在这里插入图片描述

解构

在这里插入图片描述
相当于把这5个参数做解构，5个参数分别跟这些形参对应，x=1，y把2345全部收掉在这里插入图片描述
JS报错虽然少，但是很容易造成程序开发疏忽在这里插入图片描述
JS支持参数解构，不需要结构后的值个数和参数个数对应

值不够就是，undefined，相加就是NaN
在这里插入图片描述
返回值一直都是一个
在这里插入图片描述
赋值表达式的值：等号右边的值，逗号表达式的值，就是最后一个表达式的值
在这里插入图片描述
a=逗号表达式最后的值，等于true
在这里插入图片描述
b 的值是test
在这里插入图片描述
最后是ok出来就是ok
在这里插入图片描述
在这里插入图片描述

作用域

在这里插入图片描述在这里插入图片描述在这里插入图片描述a可以
b没问题，要么是函数作用域，要么是全局作用域，顶格就是全局，还有申明提升的作用，不赋值就是undefined
c不可见，出不来语句块
在这里插入图片描述
在这里插入图片描述
查看下面例子
在这里插入图片描述
在这里插入图片描述x全局
在这里插入图片描述z出不去语句块
var o提升到函数的最大作用域
t=‘free’，只要函数定义，就跑到全局的
let p 出不去语句块*
在这里插入图片描述
P在语句块里出不来在这里插入图片描述
z在外层定义，里面是可以打印的
在这里插入图片描述
函数执行完，只保留了t，因为t是全局的，所以定义的时候最好不这么定义在这里插入图片描述
这里如果后面有var z=10，可以打印，因为申明提升，但是还未赋值，是undefined在这里插入图片描述
const常量是不允许修改的

在这里插入图片描述
还有严格模式，照样执行完了，没起作用是要求写在第一行
在这里插入图片描述
直接报错

在这里插入图片描述
x必须是var或者let
在这里插入图片描述
严格模式必须写在代码的的第一行

异常

在这里插入图片描述在这里插入图片描述
这样就抛出异常了
在这里插入图片描述
也可以使用try语法，catch抓住，几乎所有都支持finally
这一次抓住了
在这里插入图片描述
抓住现在就什么都不做，刚才是抓住之后打印信息
在这里插入图片描述
抛出来的东西是new出来的，是object
在这里插入图片描述
在这里插入图片描述
实际上取的name就是constructor.name，有构造器的在这里插入图片描述
以前是在catch这里写什么类型，变成了在里面对e进行，判断它的type，instanceof，用in来判断在这里插入图片描述
在这里插入图片描述
子类可以属于父类，但是父类不可以说是子类，通过istanceof，来判断异常是什么样的
在这里插入图片描述
这里没有除0异常
在这里插入图片描述
这个东西真当异常抛出，python如果要抛出一定是要exception子类
在这里插入图片描述
在这里插入图片描述
总结：在JS中，只要throw后面抛出一个对象即可，没有什么具体要求，只要有异常都可以catch住，一个入口catch住，只要是异常都可以catch住，在catch中你想写什么都随你写，可以用instanceof，也可以直接取类型名字，拿到之后做相应处理，finally做最后的处理

**没有finally也可以，try，catch，finally，都不能单独使用，try一般是，try catch，try finally，try catch finally
**
在这里插入图片描述在这里插入图片描述在这里插入图片描述
理解作用域和箭头函数，箭头函数用的新语法，就是新办法

48N6E
关注
专栏目录
逐函数详细讲解ORB_SLAM2算法和C++代码｜System.cc｜1-3
小秋 AI SLAM 入门实战教程
04-22 452
return 后面不跟任何数据，表示结束函数，并将控制权返回给调用此函数的函数，后面的所有语句不会被执行，是提前结束函数的唯一办法， 函数一旦遇到 return 语句就强制结束函数执行。main()函数结束时会隐式地调用exit()函数，exit()函数运行时首先会执行由exit()函数登记的函数，会做一些自身的清理工作，同时刷新所有输出流、关闭所有打开的流、删除创建的临时文件、控制返回宿主环境，提供状态值。使用类的指针，可以动态地创建和删除对象，还可以在程序运行时动态地修改对象的属性和行为。
2023年前端面试汇总-React
越陌度阡
06-29 836
React并不是将click事件绑定到了div的真实DOM上，而是在document处监听了所有的事件，当事件发生并且冒泡到document处的时候，React将事件内容封装并交由真正的处理函数运行。这样的方式不仅仅减少了内存的消耗，还能在组件挂在销毁时统一订阅和移除事件。除此之外，冒泡到document上的事件也不是原生的浏览器事件，而是由react自己实现的合成事件（SyntheticEvent）。因此如果不想要是事件冒泡的话应该调用event.preventDefault()方法，而不是调用event
箭头函数
qq_44870324的博客
10-10 389
意义：箭头函数一般替代匿名函数。 箭头函数以箭头来区分和理解， 箭头左边是形参列表 ，箭头右边是函数体 注意：箭头函数传参时，一个参数时可以省略圆括号，多个参数时则不能省略圆括号。 // 例如 var f = a => {} var f = (a,b) =>{} 箭头函数有哪些特性? 1、箭头函数是匿名函数，不绑定自己的this,arguments,super,new,target ...
JS中函数(一)(箭头函数、函数参数、扩展操作符)
ItDaChuang的博客
10-07 1485
JS中函数(一)(箭头函数、函数参数、扩展操作符)   本博文按照 JavaScript 高级程序设计第10章详细总结函数的相关知识，防止内容过长，分了两部分，这是第一部分。设计到函数的四种创建方式、箭头函数、函数的参数、扩展符操作在函数中的运用等知识。 本章内容 函数表达式、函数声明及箭头函数 默认参数及扩展操作符 使用函数实现递归 使用闭包实现私有变量   在 ECMAScript 中，每个函数都是 Function 类型的实例，都是对象，拥有属性和方法。函数名就是指向函数对象的指针，而且不一定与函
ES6箭头函数
weixin_44530344的博客
08-11 601
我们来学习一下es6的箭头函数。(只有一个形参的时候)可以省略。{}可以省略，当只有一句代码或者只有返回值的时候，省略return。没有arguments。箭头函数没有this，箭头函数this是父级作用域的。
箭头函数以及函数参数
G_1227的博客
12-14 1597
箭头函数以及函数参数 箭头函数 写法 ES5: var show = function(){ console.log('es5') } ES6箭头函数： let show = ()=>{ console.log('es5'); } 唯且仅有只有一个参数的时候（）可以省略 let show = a => { console....
箭头函数和rest参数
whilewhite的博客
09-29 2614
箭头函数 基本用法 ES6 允许使用“箭头”（=>）定义函数。 var f = v => v; // 等同于var f = function (v) {   return v;}; rest 参数 ES6 引入 rest 参数（形式为...变量名），用于获取函数的多余参数，这样就不需要使用arguments对象了。rest 参数搭配的变量是一个数组，该变量将多余的参数放...
2021-12-13 面试(一) v-if/for优先级,toFixed,keep-alive,语义化,vuex,vue双向数据绑定原理,插槽种类和作用
GAARA
12-13 386
文章目录 1.v-if和v-for的优先级 回答 补充 2.`0.1+0.2=0.3000000004` 回答 验证 3.keep-alive 回答 复习 4.语义化的理解 回答 5.vuex是什么?有什么用?使用场景是? 回答 补充 复习 6.`===`和`==`的区别 回答 7.vue 双向数据绑定的原理 回答 补充 8.vue插槽种类和作用 回答 复习 9.es6新增特性(10个以上) 回答: 10.简述封装vue组件的过程 回答 补充 11.vue3都有什么 12.说一下原型链 回答 复习 13.输
Nodejs笔记--函数
listener_的博客
07-01 341
JS语法 函数 function 函数名(参数列表) { 函数体; return 返回值; } function add(x,y){ return x+y; } console.log(add(3,5)); 函数表达式 使用表达式来定义函数，表达式中的函数名可以省略，如果这个函数名不省略，也只能用在此函数内部 // 匿名函数 const add = function(x, y){ re...
JavaScript 深度剖析 - 函数式编程范式
时光海的博客
09-25 3082
函数式编程范式1.1函数式编程概念1.2函数是一等公民1.3高阶函数1.5柯里化(Haskell Brooks Curry)1.6函数组合(compose)1.7Lodash中的fp模块1.8Point Free模式1.9Functor(函子)MayBe函子Either函子IO函子Task函子Pointed函子Monad(单子)总结 1.1函数式编程概念 1.2函数是一等公民 1.3高阶函数 1.5柯里化(Haskell Brooks Curry) 1.6函数组合(compose) 1.7Lodash中的f
ES6——ES6语法之箭头函数、剩余参数
Bonsoir777的博客
09-07 243
本文主要介绍ES6中的相关语法知识点
javascript基础学习系列一百四十五：箭头函数中的参数
最新发布
wanmeijuhao的博客
01-18 367
如前所述，ECMAScript 函数没有签名，因为参数是由包含零个或多个值的数组表示的。最后一行调用这个函数时，返回了 300，因为第二个定义覆盖了第一个定义。在前面的例子中，定义两个同名的函数显然会导致后定义的重写先定义的。如果函数是使用箭头语法定义的，那么传给函数的参数将不能使用 arguments 关键字访问，而只能通过定义的命名参数访问。如果在 ECMAScript 中定义了两个同名函数，则后定义的会覆盖先定义的。前面也提到过，可以通过检查参数的类型和数量，然后分别执行不同的逻辑来模拟函数重载。
箭头函数的那点事
big_tree00的博客
07-22 324
关于箭头函数的一二三四点
JavaScript基础: ES6新特性--- 箭头函数以及 rest参数
u011863822的博客
05-11 1424
本篇主要聊ES6新特性箭头函数，其呈现的格式，以及呈现时候的规范，在箭头函数中this的指向，还有具体的例子演示。以及rest参数演示
【ES6】箭头函数
青山野火
02-25 1943
文章目录一、箭头函数是什么？二、用法详解1.箭头函数的参数2.箭头函数的函数体3.箭头函数与普通函数变量提升this的指向箭头函数不可以作构造函数不可以使用arguments对象总结 一、箭头函数是什么？ ES6 允许使用“箭头”（ => ）定义函数。 let foo = v => v; // 上面的箭头函数等同于： let foo = function(v) { return v; }; 箭头函数(=>）的左边是参数，右边是函数体。 二、用法详解 1.箭头函数的参数 当..
ES6中的箭头函数
weixin_45763192的博客
10-20 242
1： 箭头函数和普通函数的区别 普通函数分为匿名函数和函数声明两种基本方式； 函数表达式也是一种匿名的函数； var fun = function() { console.log('这是匿名函数'); } fun(); function fun2() { console.log('这是函数声明'); } fun2(); 以上是普通...
箭头函数。
kui大师的博客
04-29 166
声明式 function fn(){} 赋值式 var fn=function(){} 自执行函数(function(){})() agguments 函数内部自带的属性，表示实参的集合，有形参也不影响------伪数组 箭头函数---函数简写的方式 声明式函数不能简写(匿名可以) ()=>{} (a,b)=>{} //只有一个参数可以取消(),多个和零个不能 (a)=>{} a=>{} //只有一行代码}{}可以不写 有return就要写...
ES6 函数扩展(箭头函数等)
Mary_Code的博客
08-06 188
函数扩展 1、函数参数的默认值 （1）与解构赋值默认值结合使用 （2）参数默认值的位置（应该是尾参数） （3）函数的length属性（返回没有指定默认值的参数个数） （4）作用域（若设置了参数默认值，参数会形成一个单独的作用域 2 、rest参数 （1）…变量名 （2）函数的length属性，不包括 rest 参数 3、严格模式 函数内部可以设定为严格模式 ‘use strict’(使用默认值、解构赋值、或者扩展运算符情况除外) 4、name属性 （1）函数的name属性，返回该函数的函数名（注意匿名函数中
es61---ES6 语法---箭头函数,扩展运算符，异常处理
XIAO_YuBaby的博客
10-17 449
面试题中一般会让你用es6去写一些算法，考验你对es6语法的熟练度 一.let和const命令 es5 var 关键字 声明变量 es6 ： ① const 常量（只能读取 不能修改 只读） ② let 普通变量 声明的变量只能在当前的代码块内部有效 不能提前声明 ③ 代码块 {} 简称代码块 作用域 undefined 声明了却没有值 is not defined 既...
Python函数详解：定义、参数、作用域和特殊函数
特殊函数部分介绍了 Python 中的一些特殊函数，包括 lambda 表达式、内置函数和匿名函数等。这些特殊函数在实际编程中能够帮助程序员更加灵活地处理各种情况，提高代码的简洁性和效率。 总的来说，本课件内容涵盖了...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值