为什么 jQuery 源码中的 `j = +i + ( i < 0 ? len : 0 )` 中有一个前导 `+` 符号？

在 jQuery 源码中，我们可能会看到一些复杂的表达式，包括一个前导的 + 符号。例如：

var len = arr.length,
    i = start || 0,
    j = end == null ? len : end;
j = +j;
for (; i < j; i++) {
  // ...
}

我们可以注意到，在这个例子中，j 被赋值为 end 或者 arr.length，并且紧接着使用了一个前导的 + 符号。

那么这个前导的 + 符号是做什么用的呢？这其实是一种类型转换的方式，将一个字符串或其他对象转换成数字类型。

JavaScript 类型转换

在 JavaScript 中，有很多情况下需要对不同类型的数据进行转换。比如：

• 将字符串转换成数字
• 将数字转换成字符串
• 将布尔类型转换成数字或字符串
• 将对象转换成原始值

这些类型转换可以通过 JavaScript 内置的函数和运算符进行操作。其中，一元加运算符 + 可以将某些类型的数据转换成数字类型。

具体来说，一元加运算符会把它后面的值转换成数字类型，并返回这个数字。如果后面的值不能转换成数字，则返回 NaN。

console.log(+"123"); // 123
console.log(+"abc"); // NaN

在 jQuery 中使用一元加运算符

回到我们之前的例子中，为什么要在 j 前面加上一个一元加运算符呢？

我们可以看到，在这个例子里，j 可能会被赋值为 end 或者 arr.length。如果 end 是一个数字，那么这个表达式不需要类型转换；但如果 end 是一个字符串或其他对象，则需要进行类型转换，才能使后续的代码正常执行。

因此，在这种情况下，我们可以通过添加一个一元加运算符，强制将 j 转换成数字类型。这样就可以确保后续的代码可以正常工作了。

var len = arr.length,
    i = start || 0,
    j = end == null ? len : end;
j = +j; // 强制将 j 转换成数字类型
for (; i < j; i++) {
  // ...
}

总结

JavaScript 中有很多种类型转换的方式，其中一元加运算符 + 可以将某些类型的数据转换成数字类型。在 jQuery 源码中，我们可以看到一元加运算符被用来强制将某些变量转换成数字类型，以确保后续的代码可以正常执行。在我们自己的代码中，也可以考虑使用这种方式进行类型转换。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/28013