复习JavaScript 1
最近发现JavaScript有些基本概念模糊,趁这个机会学习下 @汤姆大叔 的《深入理解JavaScript》系列,复习记录下遗忘的基础知识。在此感谢汤姆大叔!
一、编写高质量JavaScript代码的基本要点
1、全局变量
隐式全局变量和明确定义的全局变量间的不同:
- 通过var创建的全局变量(任何函数之外的程序中创建)是不能被删除的。
- 无var创建的隐式全局变量(无视是否在函数中创建)是能被删除的。
-
// 定义三个全局变量 var global_var = 1; global_novar = 2; // 反面教材 (function () { global_fromfunc = 3; // 反面教材 }()); // 试图删除 delete global_var; // false delete global_novar; // true delete global_fromfunc; // true // 测试该删除 typeof global_var; // "number" typeof global_novar; // "undefined" typeof global_fromfunc; // "undefined"
2、访问全局变量的方法
确保自己在任何情况访问的都是全局变量:
var global = (function () { return this; }());
在strict模式下以上代码不行。
3、函数中变量的预解析
// 反例 myname = "global"; // 全局变量 function func() { alert(myname); // "undefined" var myname = "local"; alert(myname); // "local" } func();
在函数中任意位置的var语句都会在函数顶部预先声明。于是上面代码等同于
myname = "global"; // global variable function func() { var myname; // 等同于 -> var myname = undefined; alert(myname); // "undefined" myname = "local"; alert(myname); // "local"} func();
所以应该弹出的是
undefined
local
代码处理分两个阶段,第一阶段是变量,函数声明,以及正常格式的参数创建,这是一个解析和进入上下文 的阶段。第二个阶段是代码执行,函数表达式和不合格的标识符(为声明的变量)被创建。但是,出于实用的目的,我们就采用了”hoisting”这个概念, 这种ECMAScript标准中并未定义,通常用来描述行为。
4、eval()和new Function()
尽量不要使用eval(),它会干扰作用域链。必须使用时可以考虑用Function()代替。
如下eval()可以访问和修改外部作用域:
(function () { var local = 1; eval("local = 3; console.log(local)"); // logs "3" console.log(local); // logs "3" }()); (function () { var local = 1; Function("console.log(typeof local);")(); // logs undefined }());
5、parseInt()和数值转换
var month = "06", year = "09"; month = parseInt(month, 10); year = parseInt(year, 10);
parseInt(year)最好指定技术参数,否则'09'会被当做8进制的数。(ECMAScript 5中不会,已经在最新chrome和Safari中尝试parseInt(year)默认是10进制的)。
其他字符串转换成数字方法:
+"08" // 结果是 8 Number("08") // 8
感谢@汤姆大叔 的《深入理解JavaScript》系列指导我学习!