Js-w3school（2024(6)

9.使用 === 比较

== 比较运算符总是在比较之前进行类型转换（以匹配类型）。

=== 运算符会强制对值和类型进行比较：

0 == “”; // true

1 == “1”; // true

1 == true; // true

0 === “”; // false

1 === “1”; // false

1 === true; // false

10.使用 Parameter Defaults

如果调用函数时缺少一个参数，那么这个缺失参数的值会被设置为 undefined。

undefined 值会破坏您的代码。为参数设置默认值是一个好习惯。

function myFunction(x, y) {

if (y === undefined) {

y = 0;

}

}

11.用 default 来结束 switch

请使用使用 default 来结束您的 switch 语句。即使您认为没有这个必要。

switch (new Date().getDay()) {

case 0:

day = “Sunday”;

break;

case 1:

day = “Monday”;

break;

case 2:

day = “Tuesday”;

break;

case 3:

day = “Wednesday”;

break;

case 4:

day = “Thursday”;

break;

case 5:

day = “Friday”;

break;

case 6:

day = “Saturday”;

break;

default:

day = “Unknown”;

}

12.避免使用 eval()

eval() 函数用于将文本作为代码来允许。在几乎所有情况下，都没有必要使用它。

因为允许任意代码运行，它同时也意味着安全问题。

13. 意外使用赋值运算符

如果程序员在 if 语句中意外使用赋值运算符（=）而不是比较运算符（===），JavaScript 程序可能会产生一些无法预料的结果。这条 if 语句返回 true（也许不像预期），因为 10 为 true：

var x = 0;

if (x = 10)

这条 if 语句返回 false（也许不像预期），因为 0 为 false：

var x = 0;

if (x = 0)

14.期望松散的比较

在常规比较中，数据类型不重要。这条 if 语句返回 true：

var x = 10;

var y = “10”;

if (x == y) //true

if (x === y) //false

15.有一个常见的错误是忘记在 switch 语句中使用严格比较

var x = 10;

switch(x) {

case 10: alert(“Hello”);//弹窗

}

switch(x) {

case “10”: alert(“Hello”);//不弹窗

}

16.令人困惑的加法和级联

加法用于加数值。

级联（Concatenation）用于加字符串。

var x = 5 + 7; // x.valueOf() 是 12, typeof x 是数值

var x = 5 + “7”; // x.valueOf() 是 57, typeof x 是字符串

var x = “5” + 7; // x.valueOf() 是 57, typeof x 是字符串

17.令人误解的浮点

JavaScript 中的数字均保存为 64 位的浮点数（Floats）。

所有编程语言，包括 JavaScript，都存在处理浮点值的困难：

var x = 0.1;

var y = 0.2;

var z = x + y // z 中的结果并不是 0.3

var z = (x * 10 + y * 10) / 10; // z 中的结果将是 0.3

18.错位的分号

因为一个错误的分号，此代码块无论 x 的值如何都会执行：

if (x == 19) ;

{

// code block

}

19.在一行的结尾自动关闭语句是默认的 JavaScript 行为。JavaScript 也允许您将一条语句换行为两行（var后）。

function myFunction(a) {

var

power = 10;

return a * power;//正常返回

}

但是 return换行不理想

function myFunction(a) {

var

power = 10;

return //返回undefined，默认加了分号

a * power;

}

解释

如果某条语句是不完整的：

var

JavaScript 将通过读取下一行来完成这条语句：

power = 10;

但是由于这条语句是完整的：

return

JavaScript 会自动关闭该语句：

return;

20.JavaScript 不支持带有命名索引的数组。在 JavaScript 中，数组使用数字索引

var person = [];

person[“firstName”] = “Bill”;

person[“lastName”] = “Gates”;

person[“age”] = 46;

var x = person.length; // person.length 将返回 0

var y = person[0]; // person[0] 将返回 undefined

21.用逗号来结束定义

对象和数组定义中的尾随逗号在 ECMAScript 5 中是合法的。
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（资料价值较高，非无偿）

最后

你要问前端开发难不难，我就得说计算机领域里常说的一句话，这句话就是『难的不会，会的不难』，对于不熟悉某领域技术的人来说，因为不了解所以产生神秘感，神秘感就会让人感觉很难，也就是『难的不会』；当学会这项技术之后，知道什么什么技术能做到什么做不到，只是做起来花多少时间的问题而已，没啥难的，所以就是『会的不难』。

我特地针对初学者整理一套前端学习资料分享给大家，戳这里即可获取

如果你觉得这些内容对你有帮助，可以扫码获取！！（资料价值较高，非无偿）

最后

你要问前端开发难不难，我就得说计算机领域里常说的一句话，这句话就是『难的不会，会的不难』，对于不熟悉某领域技术的人来说，因为不了解所以产生神秘感，神秘感就会让人感觉很难，也就是『难的不会』；当学会这项技术之后，知道什么什么技术能做到什么做不到，只是做起来花多少时间的问题而已，没啥难的，所以就是『会的不难』。

我特地针对初学者整理一套前端学习资料分享给大家，戳这里即可获取

[外链图片转存中…(img-ul7Pu1pm-1711681506038)]