本文主要介绍了javascript条件访问属性和箭头函数的示例分析，具有一定的参考价值。有兴趣的朋友可以参考一下。希望你看完这篇文章后有很多收获。让边肖带你去了解一下。
一、条件式访问属性
?是ES2020推出的新功能。它是一个条件属性访问运算符。当访问未定义变量的属性值时，如果使用。操作员，您将直接报告错误；如果使用条件属性访问运算符，将返回undefined。
看例子：
letbook={price:10，
编辑：10，
名称：“javascirpt”
}
直接报错：
类型错误：无法读取未定义的属性“编号”
因为book.page的值undefined和undefined没有属性值，所以会报告错误。
如果不能确定某个值是未定义的还是对象，可以用If语句来判断，也可以直接用条件访问运算符来访问某个属性，即使访问的对象是未定义的，也不会给出错误。它返回未定义。
console.log(book.page？输出：
不明确的
二、箭头函数介绍
arrow函数是ES6中定义函数的简写方法，它使用=将参数列表与函数体分开。
例子：
let square=x=x * * 2；
输出：广场
九
这个函数的定义等价于传统函数：
函数平方(x){ 0
returnx**2
}箭头函数通常用于将未命名的函数作为参数传递给另一个函数。
letnums=[1，2，3，4]。地图(x=x*2)
输出：
[ 2, 4, 6, 8 ]
箭头函数使代码看起来更简洁。
如果用传统的function关键字来定义函数，似乎有点啰嗦。
nums=[1，2，3，4]。map(函数(x){returnx*2})
Console.log(nums)箭头函数如果有多个参数，需要用括号括起来。
constadd=(x，y)=x y；
Console.log(add(1，2))如果arrow函数的函数体有多个语句，请将函数体用大括号括起来，并使用return关键字返回值。
constadd=(x，y)={ lettmp=x y；return tmp }；
Console.log(add(1，2))此时箭头函数的函数体格式与普通函数定义的格式完全相同。因此，箭头函数在简单的单行语句中简洁易读。一旦函数体过于复杂，用箭头函数定义可读性就不太好了。
感谢您仔细阅读本文。希望边肖分享的文章《javascript条件访问属性和箭头函数示例分析》对大家有所帮助。同时希望大家多多支持，关注行业信息渠道，多了解！
内容来源网络，如有侵权，联系删除，本文地址：https://www.230890.com/zhan/90107.html