首页 > Web开发 > 详细

ES6 JS里的对象

时间:2020-02-24 10:15:59      阅读:62      评论:0      收藏:0      [点我收藏+]

 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);
}

 

ES6 JS里的对象

原文:https://www.cnblogs.com/Afanadmin/p/12355386.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!