zoukankan      html  css  js  c++  java
  • for (var i in obj/array){}

    for (var i in obj/array){}

    for...in 缺陷:性能问题,不输出obj的内置成员,内置成员重写后,ie下仍不显示。

    在跨浏览器的设计中,我们不能依赖于for in来获取对象的成员名称。

    for...in对调试非常有用,显示对象的所有属性的名字和值的列表。

    Navigator对象包含了访客的浏览器名称、版本以及更多信息
    <SCRIPT LANGUAGE="JScript">
    var LANG = navigator.browserLanguage;
    for (var i in navigator)
    {
     alert(navigator[i]);
     document.write(i+" : "+navigator[i]+" , type: "+typeof(navigator[i]) + "<br/>");
    }

    </script>

    结果如下:

    appCodeName : Mozilla , type: string
    appName : Microsoft Internet Explorer , type: string
    appMinorVersion : 0 , type: string
    cpuClass : x86 , type: string
    platform : Win32 , type: string
    plugins : , type: object
    opsProfile : null , type: object
    userProfile : null , type: object
    systemLanguage : zh-cn , type: string
    userLanguage : zh-cn , type: string
    appVersion : 4.0 (compatible; MSIE 7.0; Windows NT 5.1; .NET CLR 2.0.50727; .NET CLR 1.1.4322; .NET CLR 3.0.04506.30; .NET CLR 3.0.04506.648) , type: string
    userAgent : Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; .NET CLR 2.0.50727; .NET CLR 1.1.4322; .NET CLR 3.0.04506.30; .NET CLR 3.0.04506.648) , type: string
    onLine : true , type: boolean
    cookieEnabled : true , type: boolean
    mimeTypes : , type: object

    使用 javascript 小心 IE。这个大家都清楚,自不必多说。如果 javascript 中引用了第三方代码,或会被别人用到,for…in 最好不用。prototype 也尽量少用。

    for in 语句用来列举对象的属性(成员),如下

    Js代码  

    1. var obj = { name:"jack",  

    2.       getName:function(){return this.name}  

    3. };  

    4. //输出name,getName      

    5. for(var atr in obj) {  

    6.     alert(atr);  

    7. }  

    不知注意了吗,没有输出obj的toString,valueOf等内置属性(或称内置成员,隐藏属性和预定义属性)。即for in用来列举对象的显示成员(自定义成员)。

    如果重写了内置属性呢,下面就重写obj的toString

    Js代码  

    1. var obj = {name:"jack",  

    2.       getName:function(){return this.name},  

    3.        toString:function(){return "I'm jack."}  

    4. };  

    5.   

    6. for(var atr in obj) {  

    7.     alert(atr);  

    8. }  

    会输出什么呢?

    1、IE6/7/8 下和没有重写toString一样,输出name,getName

    2、firefox3/chrome2/opera9/safari4下则输出name,getName,toString

    总结下:在跨浏览器的设计中,我们不能依赖于for in来获取对象的成员名称。即使用,要小心谨慎。

  • 相关阅读:
    [Err] 1168
    SpringAOP的运用方式——注解方式和XML配置方式
    展开运算符的理解
    find indexof findindex includes 的区别
    关于MVC MVVM的理解
    sync修饰符
    vue导航守卫
    输入网址到页面显示 经历了什么(转载)
    vue中侦听器的使用
    函数声明的三种方式
  • 原文地址:https://www.cnblogs.com/ztoz/p/5560068.html
Copyright © 2011-2022 走看看