美文网首页我爱编程
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基础 - 创建对象

    一、创建对象 方法一 直接创建字面量 方法二 声明对象字面变量,向对象添加新成员 二、定义对象函数 方法一 对象字...

  • 2017-4-1 VUE

    JS的方法 1、类型判断的方法 2、创建对象构造函数 3、JS基础函数和语法

  • JS对象

    JS 创建对象 批量创建对象

  • JS基础之面向对象-创建对象

    创建对象 创建对象的方式有以下几种:最简单的就是对象字面量形式。 工厂模式 说起工厂模式这个称呼的由来,可以根据它...

  • js对象 字符串 数组 Math Date方法

    string Math Array Date方法 浏览器对象 最基础的增删改查 以及JS的小练习 对象 创建...

  • 6.JavaScript中

    JS对象创建: JS通过构造函数创建对象: JS内置对象window: 所有的全局变量都是window的属性 所有...

  • 2.组件的生命周期

    1. 基础 react中创建新组件的api: 上述js片段中“//组件详细说明”是一个js对象,该对象需要包含一个...

  • JS原型理解

    原型链是整个JS面向对象的基础在理解原型链之前先来谈谈JS创建对象的几种方式 可以看到输出了4个对象,a1和a2看...

  • JS笔记-006-JS对象-数字-字符串-日期-数组-逻辑

    JS对象 创建 JavaScript 对象 通过 JavaScript,您能够定义并创建自己的对象。 创建新对象有...

  • js基础day06

    js基础day06 一.动态创建节点 二.发微博 三.日期对象 1 获取日期对象 2 Date() 返回当日的时期...

网友评论

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

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