Hello，大家好，我是前端老法师，本文和大家一起【温故知新】[耶]

JS中void是什么？语法介绍[偷笑]

void是JavaScript中的一元操作符之一，用于执行一个表达式，并且返回 undefined。下面是语法:

void expression;

是不是还是很懵？直接看示例代码

let d1 = void -1;
let d2 = void '23123'; 
let d3 = void a();

1. 这个表达式，可以是一个常量、变量或者一个函数
2. 无论表达式是什么，返回的结果永远都是 undefined。

[爱慕]Tips

老的前端开发可能看到过这样的代码，用于阻止a标签跳转的

<a href="javascript:viod(-1)">23123</a>

所以，void操作符既可以带括号，也可以不带括号。但是建议大家还是不要带括号，毕竟这是官方的语法指南。

好了，那么 void 有什么用呢？

void能干啥？用途介绍[胡瓜]

1、给变量赋 undefined 值

这个听上去是不是很傻，给变量赋undefined，方式太多了吧，例如直接声明不赋值，那么他就是undefined，或者显示的直接赋值undefined。

// 方式一
let a; 
// 方式二
let b = undefined;

先说方式二的问题，有一个关键点，undefined 不是js保留关键字（是的，这是一个js遗留问题），也就意味着，undefined 是可以拿着当变量使用的。所以，方式二不保险。

再说方式一，这种方式主要是在ts的问题里面，无法推断变量的类型。这个时候a属于any类型，当然，除非你显示的去声明。

因此，比较推荐的做法就是使用void来处理。

let a = void 0;

2、阻止HTML中 a 标签的跳转

这个前面介绍语法的时候已经提到了，这里不再累述

3、显示的表明，不关心函数返回

void functionName();

这样的好处有几点：

1. 可读性强，告诉大家，者函数执行就好了，我不关心他的返回
2. 避免一些比不要的 IDE告警

和TS中的void区别

• JavaScript 中的 void 是运算符，用于执行表达式并返回 undefined。
• TypeScript 中的 void 是一种类型，用于表示函数没有返回值或返回 undefined。
• JavaScript 的 void 主要用于执行表达式并获取 undefined 值，而 TypeScript 的 void 主要用于函数返回类型和变量类型声明，以指示缺少返回值或变量可以存储 undefined。

总之，尽管它们在名称上相似，但在语言中的用途和语法中有明显的区别。

TS中使用void操作符的一个小注意事项[绿帽子]

在ts严格模式下，通过void声明的变量，被推断为undefined类型，所以他只能接收undefined的赋值，而在非严格模式下，因为null和undefined的可以互转。所以既可以赋值undefined也可以是null。

??[思考]最后，献上一段代码，供大家思考，结束本文，

// 一个三目表达式的示例
let c = a !== void 0 ? '123' : '456';  // Good
let c = a !== undefined ? '123' : '456'; // Bad

如果文章对你有帮助，欢迎【评论】和【关注】，也可以私信加V一起搞技术