深入理解javascript学习笔记(一) 编写高质量代码

  一、变量

  •全局变量

  JavaScript的两个特征,不自觉地创建出全局变量是出乎意料的容易。首先,你可以甚至不需要声明就可以使用变量;第二,JavaScript有隐含的全局概念,意味着你不声明的任何变量都会成为一个全局对象属性(不是真正意义上的全局变量,可以用delete删除)

  

复制代码 代码如下:

  function sum(x,y) {

  // result 未声明,为隐式全局变量

  result = x + y;

  return result;

  }

  function foo() {

  // 使用任务链进行部分var声明,b为隐式全局变量

  var a = b = 1;

  }

  建议:

  

复制代码 代码如下:

  function (x,y) {

  var a ,b ;

  a = b = 1;//a,b 为局部变量

  }

  •var作用

  通过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"

  •单var形式声明变量

  在函数顶部使用单var语句是比较有用的一种形式。所有未初始化但声明的变量的初始值是undefined

  

复制代码 代码如下:

  function func() {

  var a = 1,

  b = 2,

  sum = a + b,

  myobject = {},

  i,

  j;

  // function body...

  }

  •var散布问题

  

复制代码 代码如下:

  // 反例

  myname = "global"; // 全局变量

  function func() {

  alert(myname); //"undefined" var myname = "local"; alert(myname); // "local" } func();等同于:

  myname = "global"; // global variable

  function func() {

  var myname; // 等同于 -> var myname = undefined;

  alert(myname); // "undefined"

  myname = "local";

  alert(myname); // "local"}

  func();

  二 for循环

  •建议使用

  

复制代码 代码如下:

  function looper() {

  var i = 0,

  max,

  myarray = [];

  // ...

  for (i = 0, max = myarray.length; i < max; i++) {

  // 使用myarray[i]做点什么

  }

  }

  使用以下表达式代替i++

  

复制代码 代码如下:

  i = i + 1

  i += 1以下两种循环方式更快

  //第一种变化的形式:

  var i, myarray = [];

  for (i = myarray.length; i–-;) {

  // 使用myarray[i]做点什么

  }

  //第二种使用while循环:

  var myarray = [],

  i = myarray.length;

  while (i–-) {

  // 使用myarray[i]做点什么

  }

  •for-in循环

  应用在非数组对象的遍历上,数组使用正常的for循环,对象使用for-in循环。使用hasOwnProperty()方法,当遍历对象属性的时候可以过滤掉从原型链上下来的属性。

  三 避免隐式类型转换

  •坚持使用===和!==

  四 避免使用eval,以及避免给setInterval(), setTimeout()和Function()构造函数传递字符串,用函数代替。

  五 parseInt()数值转换

  建议给基数参数赋值,

  

复制代码 代码如下:

  var month = "06",

  year = "09";

  month = parseInt(month, 10);//开头为0的字符串会被当做8进制处理

  year = parseInt(year, 10);

  六 编程规范

  构造函数命名:MyConstructor();

  一般函数命名:myFunction();

  变量命名:firstName;

  私有属性或方法:_secondeName,

  常量:PI,MAX;