一句话说清可选链操作符( ?. )的作用

114 阅读1分钟

结论:

可选链操作符( ?. ) 的作用就是为了防止 undefined/null的误用而导致的报错

误用的具体表现:

1. 把undefined/null 当对象来用,引起的报错

0FDF1E3E-5957-47BF-8CFE-FF81D34A00D5.png

例如:

C5291297-928C-4B71-A1FA-E1FDC8151898.png

2. 把undefined/null 当方法来用,引起的报错

CE931F0E-1B6C-408B-9C21-E4B66EE2C176.png

例如:

F128FB56-F073-4D1A-A1F6-2D788BCF24AE.png

3. 把undefined/null 当数组来用,引起的报错

D6E8E35A-D9EB-449B-B413-CD55D6F26A7E.png

例如:

7551D9A9-68A5-4462-BF73-DC6C5F73B8CC.png

总结

对于值有可能是undefined/null的变量(比如:接口返回的一些数据),合理使用可选链操作符( ?. )可以完美的防止类型错误导致的页面白屏。