js:解决数据暂时为空的情况

JavaScript037

js:解决数据暂时为空的情况,第1张

我们在渲染列表数据的时候,一般拿不到数据或者数据为空的时候,会给一个友好的交互逻辑,设置空页面给用户提示,但有的时候在请求数据时候确实数据暂时未拿到,这时候不是数据请求不到,而是暂时未得到,所以不能给用户空页面。否则给用户呈现出来是:先是空页面然后有了列表数据,这是不太友好的用户体验。 解决办法,设置renderFlag

按图示

第一步点击你的Source面板左侧Content scripts旁边的2个右箭头

第二步在弹出的下拉列表中,选择Page这样就能显示你的js文件了

一般判断为空有 null值、undefined值与NaN值

判断undefined:

var tmp = undefinedif (typeof(tmp) == "undefined"){    alert("undefined")}

说明:typeof 返回的是字符串,有六种可能:"number"、"string"、"boolean"、"object"、"function"、"undefined"

判断null:

var tmp = nullif (!tmp && typeof(tmp)!="undefined" && tmp!=0){    alert("null")}

判断NaN:

var tmp = 0/0if(isNaN(tmp)){    alert("NaN")}

附上全部相等图

≅:松散等于等于检查(==), 比如: "1" == true[] =="0"

=:全等或恒等全等检查(===)