***** JavaScript 高级编程之同名函数的执行顺序 [原创] ***** -

topcss

浏览: 100829 次
性别:
来自: 重庆

最近访客更多访客>>

tanghui

redheart_2006

djiepeng

morpheusfly

博主相关

博客

微博

相册

留言

关于我

文章分类

全部博客 (28)

社区版块

存档分类

* JavaScript 高级编程之同名函数的执行顺序 [原创] *

编程 JavaScript 浏览器 QQ Gmail

作者：Topcss QQ：419074376 E-mail：andpai1.0@gmail.com Time：2008-10-20

背景：这是帮一个做教师的朋友写的，用来上课教学。

当我们在JavaScript中，要执行一个函数往往都是这样写

function aa(){

alert("first function");

};

aa();

有人会问能否再简化呢？答案是肯定的！只要你愿意我们还可以通过括号直接调用函数

(function aa(){

alert("(function)();");

})();

当然，也又别的方法，试试在函数前写上+或者-吧！

+function aa(){

alert("+function();");

}();

这是，我们浏览器中的代码应该是这样的：

<html>

<head>

<title>JavaScript 高级编程之同名函数的执行顺序</title>

function aa(){

alert("first function");

};

aa();

(function aa(){

alert("(function)();");

})();

+function aa(){

alert("+function();");

}();

</script>

</head>

<body>

</body>

</html>

现在让我们来想一想浏览器会出现怎样的结果?

坐在后排的那哥们儿举手了。听听他怎么说，他说:

“浏览器会按照1.first function 2.(function)(); 3.+function(); 方式执行”

我肯定一定会有很多人这样回答。好的，你可以坐下了。还是让我们去看看执行的结果吧！

浏览器结果: 1.+function(); 2.(function)(); 3.+function(); 真是不可思议，为什么呢?

难道浏览器会认为在函数前面写+或者-会让函数的执行级别更高？事实并非如此！下面我们再写一个函数，便可以证明这个结论是错误的。

function aa(){

alert("last function");

};

或许，我们还会有带参的函数需要执行。

function aa(msg){

alert(msg);

}

aa("hello topcss!");

好了，我们再去看看浏览器是否执行最后一个函数，也就是带参的函数呢。

的确，事实正是如此，她执行了最后一个函数。太棒了。

现在，我们得出了一个结论：

当我们在一个JavaScript程序中，同时出现多个同名函数时，浏览器会去执行最后一个函数。

分享到：

***** JavaScript 面向对象之对象全解 ... | 一段着色的代码，但还有bug。[ 原创 ]

2009-03-09 09:37
浏览 2939
评论(3)
论坛回复 / 浏览 (2 / 1734)
分类:Web前端
查看更多

3 楼 mercyblitz 2009-03-10

JS是字符串解释型语言，自然是后者定义（声明）覆盖前者（声明）。

动态性有时候会造成一定的理解歧义。

2 楼 chenwenxuan 2009-03-09

js是动态语言，被覆盖调了

1 楼 a275430349 2009-03-09

oooooo

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

* JavaScript 高级编程之同名函数的执行顺序 [原创] *

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

***** JavaScript 高级编程 之 同名函数的执行顺序 [原创] *****

评论

发表评论

相关推荐

最近访客更多访客>>

* JavaScript 高级编程之同名函数的执行顺序 [原创] *