美文网首页我爱编程
JS基础 - 创建对象

JS基础 - 创建对象

作者: DebraJohn | 来源:发表于2018-07-26 14:01 被阅读0次

    一、创建对象

    方法一 直接创建字面量

    let Teacher = {
        name: "Lux",
        age: "18"
    };
    

    方法二 声明对象字面变量,向对象添加新成员

    let Teacher = {};
    Teacher.name = "Lux";
    Teacher.age = "18";
    console.log(Teacher);
    

    二、定义对象函数

    方法一 对象字面量

    let obj = {
        sayHello: function (name) {
            return `你好,${name}!`;
        }
    }
    

    方法二 追加到现有对象

    let obj = {};
    obj.sayHello = function (name) {
        return `你好,${name}!`;
    }
    
    

    三、访问对象属性

    let obj = {
        name: "object",
        inner: {
            name: "inner object",
            id: 01
        },
        arr: [1, 2, 3, 4],
        sayHello: function (name) {
            return `你好,${name}!`;
        }
    }
    

    方法一 用点访问

    console.log(obj.name);  // object
    console.log(obj.inner.name);  // inner object
    console.log(obj.arr[0]);  // 1
    console.log(obj.sayHello("Lux"));  // 你好,Lux!
    

    方法二 用[]访问

    console.log(obj["name"]);
    console.log(obj["inner"]["name"]);
    console.log(obj["arr"][0]);
    console.log(obj["sayHello"]("Lux"));
    

    方法三 访问不存在的属性,用||访问指定默认值

    console.log(obj.what||"nothing");  // nothing
    

    四、枚举对象属性

    for (let i in obj) {
        console.log(i + "的类型是" + typeof (obj[i]));
    }
    /* name的类型是string
    inner的类型是object
    arr的类型是object
    sayHello的类型是function */
    

    五、删除对象属性

    delete obj.inner;
    console.log(obj);
    /* { name: 'object',
    arr: [ 1, 2, 3, 4 ],
    sayHello: [Function: sayHello] } */
    

    六、对象作为函数参数

    function showObj(i){
        return i.name;
    }
    console.log(showObj(obj));
    

    参考资料:https://www.cnblogs.com/Jener/p/5878858.html

    相关文章

      网友评论

        本文标题:JS基础 - 创建对象

        本文链接:https://www.haomeiwen.com/subject/zpivmftx.html