Javascript中的一些小细节(1)-优快云博客

本文链接：https://blog.youkuaiyun.com/u014728574/article/details/100541442

本文深入探讨了Javascript中的关键细节，包括DOM操作、变量管理、数据类型比较及类型转换，揭示了在if条件判断中变量的不同行为，如0、''、[]的表现，并解析了全相等（===）与相等（==）的区别。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Javascript中的小细节(1)

使用js操作dom元素

整个文档输出：

//若文档已加载，此时使用该方法则会使得文档被覆盖
document.write(“<h1>h1</h1>”);

dom元素输出：

document.getElementById(“demo”).innerHTML=“Hello World”;

变量

使用未声明定义的变量，实际上是undefined；未声明但定义的变量则成为了全局变量;
重新声明的变量，其值不会丢失；
声明的变量可用作不同的类型，重复利用；
清空变量，可通过将该变量的值赋予null;
在函数中var声明的变量也是局部变量；
不论在函数内还是外，尚未声明的变量赋予值后，该变量为全局变量；
变量为0或’’ 在if ( ) 中判断结果为false，在javascript中被认为0==’’ ；
变量为[] 在if ( )中判断结果为true；
但是上述第7，8点中出现以下情况：

//在相等（==）判断下，两个操作数先进行数据类型比较，如果不同则进行类型转换，类型一致时比较数值是否相等；
var b=0;if(b==[]){console.log('yes!')}
// yes!   因为Number([])后等于0

var b=[];if(b==''){console.log('yes!')}
// yes!   因为String([])等于String('')

//在全相等（===）判断下，两个操作数必须(值&&类型)完全相等。
var b=[];if(b===''){console.log('yes!')}
//无输出

var b=[];if(b===0){console.log('yes!')}
//无输出