Javascript学习笔记2 函数
作者:bea
就像我们可以写成这样的形式一样: 代码如下: function Hello() { alert("Hello"); } Hello(); var Hello = function () { alert("Hello"); } Hello(); 其实都是一样的。 但是当我们对其中的函数进行修改时,会发现很奇怪的问题。 代码如下: <script type="text/javascript"> function Hello() { a
就像我们可以写成这样的形式一样:
代码如下:
function Hello() {
alert("Hello");
}
Hello();
var Hello = function () {
alert("Hello");
}
Hello();
其实都是一样的。
但是当我们对其中的函数进行修改时,会发现很奇怪的问题。
代码如下:
<script type="text/javascript">
function Hello() {
alert("Hello");
}
Hello();
function Hello() {
alert("Hello World");
}
Hello();
</script>
我们会看到这样的结果:连续输出了两次Hello World。而非我们想象中的Hello和Hello World。
这是因为Javascript并非完全的按顺序解释执行,而是在解释之前会对Javascript进行一次“预编译”,在预编译的过程中,会把定义式的函数优先执行,也会把所有var变量创建,默认值为undefined,以提高程序的执行效率。也就是说上面的一段代码其实被JS引擎预编译为这样的形式:
代码如下:
<script type="text/javascript">
var Hello = function() {
alert("Hello");
}
Hello = function() {
alert("Hello World");
}
Hello();
Hello();
</script>
我们可以通过上面的代码很清晰地看到,其实函数也是数据,也是变量,我们也可以对“函数“进行赋值(重赋值)。当然,我们为了防止这样的情况,也可以这样:
代码如下:
<script type="text/javascript">
function Hello() {
alert("Hello");
}
Hello();
</script>
<script type="text/javascript">
function Hello() {
alert("Hello World");
}
Hello();
</script>
这样,程序被分成了两段,JS引擎也就不会把他们放到一起了。
有用 | 无用
代码如下:
function Hello() {
alert("Hello");
}
Hello();
var Hello = function () {
alert("Hello");
}
Hello();
其实都是一样的。
但是当我们对其中的函数进行修改时,会发现很奇怪的问题。
代码如下:
<script type="text/javascript">
function Hello() {
alert("Hello");
}
Hello();
function Hello() {
alert("Hello World");
}
Hello();
</script>
我们会看到这样的结果:连续输出了两次Hello World。而非我们想象中的Hello和Hello World。
这是因为Javascript并非完全的按顺序解释执行,而是在解释之前会对Javascript进行一次“预编译”,在预编译的过程中,会把定义式的函数优先执行,也会把所有var变量创建,默认值为undefined,以提高程序的执行效率。也就是说上面的一段代码其实被JS引擎预编译为这样的形式:
代码如下:
<script type="text/javascript">
var Hello = function() {
alert("Hello");
}
Hello = function() {
alert("Hello World");
}
Hello();
Hello();
</script>
我们可以通过上面的代码很清晰地看到,其实函数也是数据,也是变量,我们也可以对“函数“进行赋值(重赋值)。当然,我们为了防止这样的情况,也可以这样:
代码如下:
<script type="text/javascript">
function Hello() {
alert("Hello");
}
Hello();
</script>
<script type="text/javascript">
function Hello() {
alert("Hello World");
}
Hello();
</script>
这样,程序被分成了两段,JS引擎也就不会把他们放到一起了。
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- jquery下操作HTML控件的实现代码
- jquery 交替为表格添加样式的代码
- jquery插件 cluetip 关键词注释
- Javascript 实现TreeView CheckBox全选效果
- javascript下判断一个对象是否具有指定名称的属性的的代码
- JavaScript 学习笔记(九)call和apply方法
- 取选中的radio的值
- javascript Object与Function使用
- Extjs学习笔记之九 数据模型(上)
- JavaScript 事件冒泡简介及应用
- JavaScript 事件冒泡应用实例分析
- Javascript 读书笔记索引贴
- Javascript学习笔记9 prototype封装继承
- Javascript学习笔记8 用JSON做原型
- Javascript学习笔记7 原型链的原理
- Javascript学习笔记6 prototype的提出
- Javascript学习笔记5 类和对象
- Javascript学习笔记4 Eval函数
- Javascript学习笔记3 作用域