js中Uncaught TypeError: Cannot read property 'substr' of undefined问题分析

在写的js中测试时遇到了Uncaught TypeError: Cannot read property ‘substr’ of undefined的问题，js关键代码为：

var Img = data[i].technician.portrait;//后台接收到的图片src的地址
    //alert(typeof Img);
     if (Img!= '' || Img != undefined) {
         Img = SYS + Img.substr(1); //实现image的src的拼接                  
     } else {
         Img = '--';              
     }

其中是if在判断时出了问题，因为从后台传输过来数据为 
Img=undefined；（存在technician这个对象不存在portrait属性） 
Img != undefined这样的判断是无效的。因此进入了条件为true的方法： 
Img = SYS + Img.substr(1); Img不是对象，调用substr()方法就会出现问题

查阅一下资料才发现在判断是否为undefined应该用typeof 不能直接判断 
代码改为：

 var Img = arr[i].technician.portrait;
     if (typeof Img != "undefined") {                   
         Img = SYS + Img.substr(1);
      } else {
         Img = '';                 
      }

不过在谷歌测试发现写成if(Img == undefined)也是能编译成功的 
不过为了避免后台没有传值过来，可以进一步优化代码：

var Img = arr[i].technician.portrait||'--';//避免传过来Img为undefined或者null导致的编译错误
    Img = SYS + Img.substr(1);