javascript，我们喜爱（或又爱又恨）的语言，充满了独特的行为和怪癖，使其既强大又令人困惑。虽然这些“奇怪的部分”可能会让初学者感到困惑，但掌握它们对于成为熟练的开发人员至关重要。让我们深入研究每个开发人员都应该知道的一些令人着迷的 javascript 怪异之处。
1. 强制转换：javascript 的秘密魔术师
javascript 试图通过在类型之间转换值来提供帮助，但这种“帮助”可能会导致令人惊讶的结果。
示例：意外的数学
console.log('5' - 3); // 2
console.log('5' + 3); // '53'
- 减法：javascript 在减法之前将“5”转换为数字。
- 加法：当涉及到字符串时，javascript 会进行连接而不是相加。
为什么它很重要
- 如果您不小心，这种隐式转换（类型强制）可能会引入错误。
- 始终使用 number()、string() 或 boolean() 进行显式转换以避免意外。
2.其中的奥秘
javascript 中 this 的行为经常令人困惑，因为它的变化取决于如何调用函数。
示例：不同的上下文
function showthis() {
console.log(this);
}
showthis(); // window or undefined in strict mode
const obj = { method: showthis };
obj.method(); // obj
const boundfunc = showthis.bind(obj);
boundfunc(); // obj
为什么它很重要
- 声明时未设定；这取决于调用站点。
- 箭头函数没有自己的 this，这使得它们非常适合保留词汇上下文。
3. 事件循环：异步 javascript 揭秘
javascript 是单线程的，但可以通过事件循环处理异步任务。
示例：什么先运行？
console.log('start');
settimeout(() => console.log('timeout'), 0);
promise.resolve().then(() => console.log('promise'));
console.log('end');
输出
start end promise timeout
- 同步代码首先运行。
- promise（微任务）优先于 settimeout（宏任务）。
为什么它很重要
理解事件循环是编写高性能异步代码的关键。
立即学习“Java免费学习笔记（深入）”；
4. 闭包：记住的函数
闭包是指即使在外部函数返回后，函数也会“记住”其词法作用域。
示例：私有变量
function counter() {
let count = 0;
return function () {
count++;
console.log(count);
};
}
const increment = counter();
increment(); // 1
increment(); // 2
为什么它很重要
闭包允许您创建私有变量并在函数调用之间维护状态。
5. 原型：javascript 的支柱
javascript 使用基于原型的继承，这意味着对象可以从其他对象继承属性和方法。
示例：自定义方法
function person(name) {
this.name = name;
}
person.prototype.greet = function () {
console.log(`hello, my name is ${this.name}`);
};
const alice = new person('alice');
alice.greet(); // hello, my name is alice
为什么它很重要
原型使您能够有效地跨实例共享方法。
6. 相等性检查：== 与 ===
javascript 提供松散相等 (==) 和严格相等 (===)，并且它们的行为不同。
示例：null 和未定义的奇怪情况
console.log(null == undefined); // true console.log(null === undefined); // false
- == 执行类型转换，因此 null 大致等于 undefined。
- === 检查类型和值是否相等。
为什么它很重要
除非明确需要类型转换，否则始终使用 ===。
避免直接比较非原始值 ({} !== {})。
7. 不变性和引用类型
javascript 将对象和数组视为引用类型，这意味着对引用的更改会影响原始引用。
示例：复制陷阱
const original = { key: 'value' };
const copy = original;
copy.key = 'newvalue';
console.log(original.key); // 'newvalue'
为什么它很重要
- 使用 object.assign() 或展开运算符 ({ ...original }) 创建浅拷贝。
- 对于深层复制，请考虑 lodash 或 structuredclone 等库。
8. nan：并不像看起来那么简单
nan 代表“不是数字”，但它的行为一点也不简单。
示例：比较 nan
console.log(nan == nan); // false console.log(object.is(nan, nan)); // true
为什么它很重要
当您需要对 nan 等特殊情况进行严格等效时，请使用 object.is。
9. 吊装：首先声明什么？
提升将变量和函数声明移动到其作用域的顶部。
示例：提升变量
console.log(x); // undefined
var x = 10;
hoistme();
function hoistme() {
console.log('hoisted!');
}
- var 声明被提升但初始化为未定义。
- 函数声明全面提升。
为什么它很重要
使用 let 和 const 来避免变量提升混乱。
10. 奇怪的默认值：默认参数
默认参数使函数更加灵活，但与 undefined 结合使用时可能会表现得很奇怪。
示例：默认值和参数
function greet(name = 'Guest') {
console.log(`Hello, ${name}`);
}
greet(); // Hello, Guest
greet(undefined); // Hello, Guest
greet(null); // Hello, null
为什么它很重要
仅当参数未定义而不是 null 时才应用默认参数。
结论：拥抱怪异
javascript 的怪癖让它既令人沮丧又有趣。了解这些行为不仅能让您成为更好的开发人员，还能帮助您欣赏该语言的灵活性和设计选择。
您遇到过哪些怪癖，您是如何解决的？在下面的评论中分享你的想法！
