码迷,mamicode.com
首页 > Web开发 > 详细

ES6 JS里的对象

时间:2020-02-24 09:45:54      阅读:62      评论:0      收藏:0      [点我收藏+]

标签:create   new   undefined   创建   log   style   color   fun   div   

 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里的对象

标签:create   new   undefined   创建   log   style   color   fun   div   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!