JavaScript基础函数体中的唯一var模式(002)

全局变量是不好的。所以在声名变量的时候，应该采用函数体中的唯一var模式（Single var Pattern）。这个模式有不少好处：

提供了一个唯一的地方来查看函数体中声名的变量
在使用一个变量之前总是先声名，这样未初始化的变量都会被赋值为undefine。
让你记得要声名变量。
代码更简洁（因为把多个var变成了一个）

说来也简单，这个模式就是在函数体的最初，用一个var声名所有本地变量（local variable）。

function func() {var a = 1, b = 2,sum = a + b, myobject = {},i, j;// 函数体...
}

下面说一个在Javascript函数中本地变量声名的一个常见问题：Hoisting。Hoisting可以理解为变量声名在函数内“提起”。为了解释这一现象，看看下面的代码：

// antipattern
myname = "global"; // global variable
function func() {alert(myname); // "undefined"var myname = "local";alert(myname); // "local"
}
func();

在函数中第一次使用的myname本来是想调用全局变量，但得到的结果却是undefined。因为在Javascript是允许在任何地方重复使用var声名变量的，而在函数体内部，变量的声明若在中间位置(用var声明)，其效果与在函数体最初声名是一样的，但只是声名却没有初始化，这才出现了undefined的情况。所以上面的代码与下面的效果相当：

myname = "global"; // global variable
function func() {var myname; // same as -> var myname = undefined;alert(myname); // "undefined"myname = "local";alert(myname); // "local"
}
func();

转载于:https://www.cnblogs.com/Bryran/p/3969293.html

JavaScript基础函数体中的唯一var模式(002)相关推荐

VN-SGG JavaScript 基础（中）
[VN-SGG] JavaScript 基础(中) JavaScript视频课程笔记[入门到精通],这只是笔记!!! 主要内容: this,对象,原型对象,垃圾回收,数组: call.apply,ar ...
JavaScript基础: DOM中操作属性以及自定义属性
上一篇聊了一些常用的事件以及演示其如何使用,演示的时候发现一件事情,那就是DOM操作不单是得到元素,还可以修改元素的属性.现在开始如何操作其属性. 普通自带的属性这些属性是某些标签自带的属性比如sr ...
JavaScript-百炼成仙(第1节掌握JavaScript基础1.1-1.21)
文章目录 1.1 第一章初入宗门 1.2 第二章直接量 1.3 第三章数据类型 1.4 第四章数据类型扩展内容: 1.5 第五章基础考核 1.6 第六章何老 1.7 第七章对象数据类型 ...
前端——javascript基础-ECMAScript
文章目录 JavaScript简介 ECMAScript JavaScript的引入方式 javascript得输出方式: 变量五种基本数据类型运算符数据类型转换 if语句 switch语句 w ...
javascript百炼成仙第一章掌握JavaScript基础 1.12 JavaScript运算符
题目一出,真是几家欢喜几家愁,那些复习得好的,自然可以款款而谈,可是那些本身基础就薄弱的弟子,立刻尴尬地说不出话来.甚至有的弟子已经举双手表示要放弃比赛.这些举动立刻引来了场外那些大弟子的哄笑.尤其是 ...
函数体中的全局变量与局部变量
首先看一道笔试题: 1 var a = 100; 2 function testResult(){ 3 var b = 2 * a; 4 var a = 200; 5 var c = a / 2; 6 ...
javascript基础系列：javascript中的变量和数据类型（一）
javascript基础系列:javascript中的变量和数据类型(一) 今天开始去重新系统温习一遍js基础,并作下记录 javascript是由三部分组成: ECMASCRIPT(ES): 描述了 ...
Javascript基础与面向对象基础~第四讲 Javascript中的类对象
今天来说JS中如何实现类(class),事实上本应该昨天晚上写的,可我失言了,在些说一声"抱歉"!JS中的类是JS面向对象的基础,也是我最拿手的东西,你写的代码能否提高一个层次,一 ...
前端基础：html基础(css基础和JavaScript基础)/01/B/S网络结构，html文件结构，html标签格式，lt;bodygt;中的一些常用标记
前端基础:html基础(css基础和JavaScript基础)/01/B/S网络结构,html文件结构,html标签格式,<body>中的一些常用标记 html:超文本标记语言(非编程语言 ...

JavaScript基础函数体中的唯一var模式(002)

JavaScript基础函数体中的唯一var模式(002)相关推荐

最新文章

热门文章