关于Javascript的有趣的3个小知识

写这篇BLOG可能会让你觉得我在自我YY,如果你已经知道了这些小知识,就当是再次温习,或者是小笑料吧,当我看到这些关于JS的知识时,对JS的有趣露出了会心的微笑。

1.首先,关于变量类型。猜猜下面一段JS代码的结果是什么?

var a;

document.write(a);
document.write(typeof(a));

答案是undefined,在JS中,undefined值是声明了但是没有赋值的变量的初始值,然而这个变量也有自己的类型typeof,那就是undefined。当然,如果你对一个function进行typeof的话,猜猜结果是什么?对,就是function。JS的口号就是“我就是我”

 

2.关于函数的重载。继续,先猜结果:

function myFunction (a){
 return "Hello";
}
function myFunction (){
 return "World";
}
var myResult = myFunction("aValue");
document.write(myResult);

答案是World。原因是JS不支持函数重载,对于同名函数来说,有效的永远只是后来载入的那个。这个叫什么呢,“一山不容二虎”

 

3.关于变量和函数。先找出以下代码不合理的地方

function myFunction(){
 return "Hello";
}
var myFunction = 10;
var myResult = myFunction();
document.write(myResult);

答案是什么?你会说是Hello么?对不起。我们的浏览器报错了- -!,原因是当我们var myFunction = 10;的时候,myFunction由函数变成了一个数字型的变量。啊,不会吧?正如我们前面所说的,所谓函数其实是一种typeof为function的变量,所以在JS中最好不要把函数和变量重名,否则会产生意想不到的冲突。

BTW:刚才特意测试了下,原来Firefox真的不支持outerHTML和innerText,还好支持innerHTML

 

posted @   猫哥_kaiye  阅读(237)  评论(0编辑  收藏  举报
编辑推荐:
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
阅读排行:
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· 分享 3 个 .NET 开源的文件压缩处理库,助力快速实现文件压缩解压功能!
· Ollama——大语言模型本地部署的极速利器
· DeepSeek如何颠覆传统软件测试?测试工程师会被淘汰吗?
点击右上角即可分享
微信分享提示