JavaScript入门-对象

js对象

本篇主要介绍js里如何创建对象，以及for循环访问对象的成员...

什么是对象？

• 对象，并不是中文里有男女朋友意思，它是从英文里翻译来的，英文叫[Object]，目标，物体，物品的意思。
• 在编程里，我们经常听到有人说，面向对象。那这个对象，你简单来理解，就是一个容器，一个能装变量、函数体的容器。也可以在里面继续装下对象。

对象的创建

    //方法一（推荐）
    var obj = {
        name : 'rainbow',
        run : function(){
            console.log('跑步中...')
        }
    }
    //方法二（不推荐）
    var obj = new Object()
    obj.name = 'rainbow'
    obj.run = function(){
        console.log('running...')
    }

    //方法三(推荐)
    var obj = {}
    obj.name = 'rainbow'
    obj.say = function(){
        console.log('saying ...')
    }

ps:

1. 以上就是创建对象的三种方法，尽量避免第二种方法，因为new Object效率低，建议使用第三种或者第一种。
2. 属性名可以单引，可以双引，也可以不引，但他的类型永远都是string类型
3. 变量里的成员变量，也可以被赋值方法。但是不推荐这么做。

for循环访问对象成员

for...in

    //先定义一个对象
    var obj =  {
        name : 'rainbow',
        age : 20,
        sex : 'man',
        run : function(){
            console.log('I'm running...')
        }
    }

    for ( var key in obj ){
        if('function' == typeof obj[key]){
            obj[key]()
            break
        }
        console.log(obj[key])
    }

    //输出结果如下
    rainbow
    20
    man
    I am running...

    /*估计有些人会问，为什么不是用obj.key访问呢？？
    那我们不妨打印看看，boj.key是什么?
    那请往下看：*/
    for (var key in obj) {
        console.log(key , typeof key)
        console.log(obj.key)//undefined
    }

• 打印如下
  

ps:我们可以知道，在js里，for...in不能用点运算访问，而是用obj[key]访问，并且方法名也可以访问。

for...of

    //1.使用js内置的对象，创建一个数组对象
    var array = new Array(11,56,89,78,-12)
    console.log( typeof array )//object
    for ( var val of array){
        console.log(val)//11,56,89,78,-12
    }

    //2.用的自定义的对象
    var obj =  {
        name : 'rainbow',
        age : 20,
        sex : 'man',
        run : function(){
            console.log('I'm running...')
        }
    }
    for ( var val of obj ){
        console.log(obj)//obj is not iterable
    }
    这里报错的意思是，obj这个对象是不可迭代的

总结

• 用for...of不能迭代自定义对象
• 用for...in，不能用点运算访问成员，而是用对象[属性名]，可以访问一个不存在的属性，但是返回值为undefined
• 不要使用普通for循环访问对象成员