javascript基础知识（用代码来说话）

最新推荐文章于 2022-06-10 09:38:45 发布

原创最新推荐文章于 2022-06-10 09:38:45 发布 · 718 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #function #编译器 #优化

javascript 专栏收录该内容

10 篇文章

订阅专栏

本文介绍了JavaScript中的几个关键编程技巧，包括执行顺序、循环优化、原型方法取消、数值转换及函数声明注意事项等。

1.js执行顺序

Code:

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

function func() {

    alert(myname); // "undefined"

    var myname = "local";
    alert(myname);

    alert(myname); // "local"

func();

Say:

js编译器会先执行声明然后再执行赋值的操作。简单来说先执行声明（var声明的变量或者是function声明的函数）把内存都分配好，然后再往内存里赋值。

2.循环的优化

Code:

//循环1

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

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

//循环2

var max;

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

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

Say:

循环2比循环1执行快，因为不用每次获取数组的长度。这个本人经常会用1的形式，所以以后一定要改。

3.hasOwnProperty来取消超类的原型方法
Code:
//代码1
for (var i in man) {
   if (man.hasOwnProperty(i)) { // 过滤
      console.log(i, ":", man[i]);
   }
}

//代码2
var i, hasOwn = Object.prototype.hasOwnProperty;
for (i in man) {
    if (hasOwn.call(man, i)) { // 过滤
        console.log(i, ":", man[i]);
    }
}
Say:
hasOwnProperty主要是查询方法是否是对象自己的方法。从而达到过滤超类方法的方法。这个也可以作为提升for循环执行效率的作用。
4.parseInt数值转换
Code:
//代码1
var month = "06",
    year = "09"
    day="08";
month = parseInt(month, 10);
year = parseInt(year, 10);
day = parseInt(day);//结果是0，因为作为8进制来转了，所以出错
//代码2
+"08" // 结果是 8
Number("08") // 8
Say:
parseInt其实有2个参数，后面的参数代表的是进制，所以09可以转换成9.代码2提供的是其他转换方式，值得一提的是，代码2的转换方式要比代码1来得快。

5.不要使用var f=function g(){函数体...}
Code:
//代码1
var f = function g(){};
    typeof g; // "function"
//代码2
typeof g; // "function"
    var f = function g(){};
//代码3
var f = function g(){};
    f === g; // false

    f.expando = 'foo';
    g.expando; // undefined
//代码4
var f = function g() {
      return 1;
    };
    if (false) {
      f = function g(){
        return 2;
      };
    }
    g(); // 2
Say:
代码1和2表示声明了函数g以后，无论在何处调用，都会存在该对象。说明这样声明函数其实和赋值不复制给f无关，可以当做一个函数声明来处理
代码3表示f和g其实并不是一个对象，这个其实很迷惑，可以认定为是js的bug
代码4也说明了函数声明并不涉及到实际代码，虽然你放在了判断语句中，但是声明还是会存在的，不过我们实际写代码过程中应该不要用逻辑来选择如何创建函数，而是应该将逻辑放在函数内部比较好，否则容易造成迷惑，虽然这样可能会在效率上不如前者。
综上所述，千万别使用var f=function g(){};，当做不知道吧。