ES6 JS里的对象

Posted 2020-11-25 JackAfan

 JS里的对象

对象的创建

{
    // 1.字面量方式
    let obj = {
        name:"JackAfan",
        age:"20",
        hobby(){
            console.log("喜欢篮球")
        }
    }
}
{
    // 2.构造函数
    let obj = new Object();
    obj.name = "张三";
    obj.age = 20;
    obj.hobby = function(){
        console.log("喜欢篮球");
    }
    console.log(obj);
}
{
    // 3.Object.create();
    // 把创建对象的属性和方法放到了 原型 下面
    let obj = Object.create({
        name:"李四",
        age:18,
        hobby(){
            console.log("喜欢美女~");
        }
    });
    console.log(obj);
}

对象的调用与定义

{
    let obj = {
        name:"JackAfan",
        age:"20",
        hobby(){
            console.log("喜欢篮球")
        }
    };
    console.log(obj.name);//属性
    obj.hobby();//方法
    console.log(obj[‘name‘]);//通过下标找到属性 -> []

    // [] 和 . 属性的区别,涉及到变量的时候可以使用[];
    let str = ‘name‘;
    console.log(obj.str);//undefined
    console.log(obj[str]);//JackAfan :把变量解析为name 需要注意[]中是不需要加引号的!

    // 下标是变量
    let str2 = ‘name‘;
    let obj2 = {
        [str2]:"JackAfan",
        age:"20",
        hobby(){
            console.log("喜欢篮球")
        }
    };
    console.log(obj2.name);
}