前端项目开发问题总结

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

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

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

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

     function Fn(){ //声明式函数

     }

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

     }

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

//“定义式”函数定义  这是正确的
Fn1();
function Fn1(){
  alert("Hello World!");
}

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

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

你可能感兴趣的:(前端项目开发问题总结)