master

分支 (1)

管理

管理

master

js_study
/
对象.html

<!DOCTYPE html>

<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>

<body>

</body>
<script>
    // 创建对象
    // 使用new关键字调用的函数，是构造函数constructor
    // 构造函数是专门用来创建对象的函数
    var obj = new Object();
    // console.log(typeof obj);

    // 在对象中保存的值称为属性
    // 向对象添加属性：
    // 语法：对象.属性名 = 属性值
    obj.name = "唐三"; // 向obj中添加name属性

    // 读取对象的属性：
    // 语法：对象.属性名
    console.log(obj.name);
    // 如果读取对象中没有的属性，不会报错而是会返回undefined

    // 修改对象的属性值
    // 语法：对象.属性名 = 新值
    obj.name = "小舞";
    console.log(obj.name);

    // 删除对象的属性值
    // 语法：delete 对象.属性名
    delete obj.name;
    console.log(obj.name);
    // -----------------------------------------------------------------------------
    var obj2 = {
        name: "宁荣荣",
        age: 18,
        sayName: function () {
            alert(this.name);
        }
    };
    // 使用工厂方法创建对象
    function createPerson(name,age,gender) // 创造 人的方法
    {
        // 创建一个新对象
        var obj2 = new Object();
        // 向对象中添加属性
        obj2.name = name;
        obj2.age = age;
        obj2.gender = gender;
        obj2.sayName = function () {
            alert(this.name);
        }
        // 将新对象返回
        return obj2;
    }
    var obj3 = createPerson("朱竹清",12,"女");
    var obj4 = createPerson("戴沐白",11,"男");
    var obj5 = createPerson("马红俊",16,"男");
    var obj6 = createPerson("奥斯卡",14,"男");
    console.log(obj3);
    console.log(obj4);
    console.log(obj5);
    console.log(obj6);

    obj4.sayName();  // 戴沐白

</script>

</html>