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


Posted in Javascript onNovember 12, 2014

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

(可以使用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中提前声明变量或函数例子

解释如下:

在JavaScript中。

function xxx(){

  // 一堆代码...

  // ...

  var name2 = name;

  var name = name || "小张";

  // 一堆代码

}

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

function xxx(){

  var name2 = undefined;

  var name = undefined;

  // 其他 var 也会被提前到最起始处

  // 一堆代码...

  // ...

  name2 = name;

  name = name || "小张";

  // 一堆代码

}
Javascript 相关文章推荐
图片自动更新(说明)
Oct 02 Javascript
Track Image Loading效果代码分析
Aug 13 Javascript
javascript的trim,ltrim,rtrim自定义函数
Sep 21 Javascript
js动态修改input输入框的type属性(实现方法解析)
Nov 13 Javascript
jQuery中position()方法用法实例
Jan 16 Javascript
jQuery弹出下拉列表插件(实现kindeditor的@功能)
Aug 16 Javascript
Javascript中字符串和数字的操作方法整理
Jan 22 Javascript
jq stop()和:is(:animated)的用法及区别(详解)
Feb 12 Javascript
解决v-for中使用v-if或者v-bind:class失效的问题
Sep 25 Javascript
Vue引用Swiper4插件无法重写分页器样式的解决方法
Sep 27 Javascript
js实现随机点名功能
Dec 23 Javascript
vue 计算属性和侦听器的使用小结
Jan 25 Vue.js
浅谈jQuery中 wrap() wrapAll() 与 wrapInner()的差异
Nov 12 #Javascript
js在IE与firefox的差异集锦
Nov 11 #Javascript
超炫的jquery仿flash导航栏特效
Nov 11 #Javascript
推荐JavaScript实现继承的最佳方式
Nov 11 #Javascript
使用 js+正则表达式为关键词添加链接
Nov 11 #Javascript
jQuery 动态云标签插件
Nov 11 #Javascript
javascript 回调函数详解
Nov 11 #Javascript
You might like
php导入导出excel实例
2013/10/25 PHP
php定义数组和使用示例(php数组的定义方法)
2014/03/29 PHP
PHP中把错误日志保存在系统日志中(Windows系统)
2015/06/23 PHP
PHP实现C#山寨ArrayList的方法
2015/07/16 PHP
JS 统计时间
2021/03/09 Javascript
Ajax 数据请求的简单分析
2011/04/05 Javascript
关于html+ashx开发中几个问题的解决方法
2011/07/18 Javascript
jquery插件制作 自增长输入框实现代码
2012/08/17 jQuery
自写的jQuery异步加载数据添加事件
2014/05/15 Javascript
JQuery中层次选择器用法实例详解
2015/05/18 Javascript
jquery对象访问是什么及使用方法介绍
2016/05/03 Javascript
jQuery中slidedown与slideup方法用法示例
2016/09/16 Javascript
Angular中自定义Debounce Click指令防止重复点击
2017/07/26 Javascript
IE9 elementUI文件上传的问题解决
2018/10/17 Javascript
微信小程序实现的自定义分享功能示例
2019/02/12 Javascript
[46:59]完美世界DOTA2联赛PWL S2 GXR vs Ink 第二场 11.19
2020/11/20 DOTA
[06:45]DOTA2-DPC中国联赛 正赛 Magma vs LBZS 选手采访
2021/03/11 DOTA
Python实现句子翻译功能
2017/11/14 Python
Python PyQt4实现QQ抽屉效果
2018/04/20 Python
Python 图像处理: 生成二维高斯分布蒙版的实例
2019/07/04 Python
python打印异常信息的两种实现方式
2019/12/24 Python
python常用运维脚本实例小结
2020/02/14 Python
Python读取分割压缩TXT文本文件实例
2020/02/14 Python
中国高端家电购物商城:顺电
2018/03/04 全球购物
掌上明珠Java程序员面试总结
2016/02/23 面试题
求职自荐信范文格式
2013/11/29 职场文书
旷课检讨书大全
2014/01/21 职场文书
物理系毕业生自荐书范文
2014/02/22 职场文书
生日庆典策划方案
2014/06/02 职场文书
水利专业大学生职业生涯规划书范文
2014/09/17 职场文书
2014年检验科工作总结
2014/11/22 职场文书
2014年帮扶工作总结
2014/11/26 职场文书
2015国庆节66周年演讲稿
2015/03/20 职场文书
毕业生登记表班级意见
2015/06/05 职场文书
利用python进行数据加载
2021/06/20 Python
python 中的jieba分词库
2021/11/23 Python