年初开发项目时候就遇到一个问题,然后昨天又遇到这个问题,想了半天,经一哥们的指点才解决,好记性不如烂笔头啊。

  1. xxx is not a function
    明明是有这个方法的,怎么就是找不到那,
    直接贴代码
    1
    2
    3
    4
    5
    initData();
    var initData = function () {
    getxxxx();
    }
    var getxxxx =function(){}

  这不是坑爹嘛,蓦然想起大师曾说过,就是js的依赖注入也是又先后顺序的,哎呀呀,这不是顺序写的有问题吗。

  看了看js程序的执行与顺序,其中包括:

1
2
3
4
5
6
7
function Fn(){ //声明式函数

}

var Fn = function{ //赋值式函数

}

  页面加载过程中,浏览器会对页面上或载入的每个js代码块(或文件)进行扫描,如果遇到定义式函数,则进行预处理(类似于C等的编译),处理完成之后再开始由上至下执行;遇到赋值式函数,则只是将函数赋给一个变量,不进行预处理(类似1中变量必须先定义后引用的原则),待调用到的时候才进行处理。

1
2
3
4
5
6
7
8
9
10
11
12
13
//“定义式”函数定义  这是正确的
Fn1();
function Fn1(){
alert("Hello World!");
}

//“赋值式”函数定义
Fn2();
var Fn2 = function(){
alert("Hello wild!");
}

Fn2 is not a function,浏览器未对Fn2进行预处理,依序执行,所以报错Fn2未定义