MUI -- plus初始化原理及plus is not defined，mui is not defined 错误汇总

深碍√TFBOYSˉ_ 2022-06-04 03:16 481阅读 0赞

### 不要在没有plus和mui的环境下调用相关API ###

普通浏览器里没有plus环境，只有HBuilder真机运行和打包后才能运行plus api。
    
    在普通浏览器里运行时plus api时控制台必然会输出plus is not defined错误提示。
    
    mui作为一个前端框架，你必须保证当前页面引入了mui.js。否则也会出现mui is not defined。

### 不要在plus和mui未完成初始化时调用相关API ###

就像在dom初始化完成前(DOMContentLoaded)去操作dom，就会报错是一样的道理。
    
    plus和mui都需要初始化，在初始化完成后调用再调用。
    
    一般我们在plusready的回调事件里调用plus api。

document.addEventListener('plusready',function () { // 在这里调用plus api },false);

执行更高效的写法是这样，如果plus已经存在，就直接使用

function plusReady(){ // 在这里调用plus api } if(window.plus){ plusReady(); }else{ document.addEventListener('plusready',plusReady,false); }

mui框架对此进行了封装，写法更简单：

mui.plusReady(function(){ // 在这里调用plus api });

事实上，mui作为一个框架，也有初始化的过程，但mui的初始化过程在DOMContentLoaded完毕后就结束了。
    
    mui ready的写法是这样，但一般无需使用。

mui.ready(function () { })

### 关于加载顺序 ###

在浏览器里的常规加载顺序是DOMContentLoaded、onload。
    
    plus的ready是异步的，所以不一定在DOMContentLoaded之前或之后，但一般在onload之前。
    
    而mui的ready一般伴随DOMContentLoaded而完成。
    
    详细的启动时序参考这里：[http://ask.dcloud.net.cn/article/571](http://ask.dcloud.net.cn/article/571)