JavaScript中提前声明变量或函数例子

 更新时间:2014年11月12日 09:16:38   投稿:junjie  
这篇文章主要介绍了JavaScript中提前声明变量或函数的例子,本文介绍的可以说是一种小技巧或者说一种特性,需要的朋友可以参考下

如题所示,看下面的示例。

(可以使用Chrome浏览器,然后F12/或者右键,审查元素.调出开发者工具,进入控制台console输入)
(使用技巧: 控制台输入时Shift+Enter可以中途代码换行)

复制代码 代码如下:

var name = "xiaoming";

(function(){
  var name = name || "小张";
  console.info(name);
})();// 小张

(function(){
  name = name || "小张";
  console.info(name);
})(); // xiaoming

(function(){
  var name2= name;
  var name = name || "小张";
  console.info(name, name2);
})(); // 小张 undefined 

执行时的截图如下所示:

解释如下:

在JavaScript中。

复制代码 代码如下:

function xxx(){
  // 一堆代码...
  // ...
  var name2 = name;
  var name = name || "小张";
  // 一堆代码
}

执行时会变成这种等价形式:

复制代码 代码如下:

function xxx(){
  var name2 = undefined;
  var name = undefined;
  // 其他 var 也会被提前到最起始处
  // 一堆代码...
  // ...
  name2 = name;
  name = name || "小张";
  // 一堆代码
}

相关文章

  • js判断鼠标同时离开两个div的思路及代码

    js判断鼠标同时离开两个div的思路及代码

    js判断鼠标同时离开两个div想了好长时间终于出炉了,下面与大家分享下具体的实现代码,感兴趣的朋友可以参考下啊
    2013-05-05
  • JavaScript将坐标字符串转为数组的项目实践

    JavaScript将坐标字符串转为数组的项目实践

    本文主要介绍了JavaScript将坐标字符串转为数组的项目实践,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2024-01-01
  • Bootstrap轮播插件使用代码

    Bootstrap轮播插件使用代码

    这篇文章主要为大家详细介绍了Bootstrap轮播插件使用代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-10-10
  • webgl实现物体描边效果的方法介绍

    webgl实现物体描边效果的方法介绍

    这篇文章主要给大家介绍了关于webgl实现物体描边效果的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用webgl具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-11-11
  • JS添加或修改控件的样式(Class)实现方法

    JS添加或修改控件的样式(Class)实现方法

    下面小编就为大家带来一篇JS添加或修改控件的样式(Class)实现方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-10-10
  • JavaScript实现简单网页版计算器

    JavaScript实现简单网页版计算器

    这篇文章主要介绍了JavaScript实现简单网页版计算器,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-08-08
  • javascript先序遍历DOM树的方法

    javascript先序遍历DOM树的方法

    这篇文章主要介绍了5种javascript先序遍历DOM树的方法,感兴趣的小伙伴们可以参考一下
    2016-02-02
  • JavaScript实现弹出窗口效果

    JavaScript实现弹出窗口效果

    这篇文章主要为大家详细介绍了JavaScript实现弹出窗口效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-12-12
  • JavaScript 更严格的相等 [译]

    JavaScript 更严格的相等 [译]

    大部分JavaScript程序员都知道:应该使用严格相等(===)来代替“普通”的相等操作(==).但是,有时候你的确需要一个比严格相等===更严格的运算符,比如说:在你想检查某个值是否是NaN的时候,又或者你想区分-0和+0的时候.本文解释了相关的知识以及ECMAScript.next中的解决办法:“is”操作符
    2012-09-09
  • JS数组排序方法实例分析

    JS数组排序方法实例分析

    这篇文章主要介绍了JS数组排序方法,结合实例形式分析了javascript数组冒泡排序与选择排序原理及实现技巧,需要的朋友可以参考下
    2016-12-12

最新评论