《JavaScript高级程序设计（第3版）》学习笔记10：chapter_5

本文链接：https://blog.csdn.net/weixin_44582681/article/details/100711482

让学习“上瘾”，成为更好的自己！

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Object_type</title>
    <script>
        /*
        引用类型类似于“类”（但并不是）
        引用类型的值（对象）是引用类型的一个实例
        
        新对象是使用new操作符后跟一个“构造函数”来创建的。
        而构造函数本身也是一个函数，只是该函数是出于创建新对象的目的而定义的；（如下）
            var obj = new Object();  // Object 就是一个构造函数
        
        Object是ECMAScript中使用最多的一个类型！！

        1，创建Object实例的两种方法：
            1，使用new操作符后跟一个Object构造函数
            2，对象字面量表示法
        
        ECMAScript中的表达式上下文指的是能够返回一个值（表达式）

        2，访问对象属性：
            alert(person['name']);  // 要访问的属性以字符串的形式放在方括号里
            alert(person.name);

            a, 点表示法
            b, 方括号表示法：
                (1)可以通过变量来访问属性【好处】
                var propertyName = 'name';
                alert(person[propertyName]);
                (1) 使用方括号来访问哪些包含非字母或者非数字的属性名
                person['first name'] = 'licli';

        
        3, 使用对象字面量表示法时，不会调用Object构造函数


        
        */

    //     var person = new Object();
    //     person.name = 'kai';
    //     person.age = 18;
    // // ===========等价书写============
    // // 对象字面量表示法：简化创建包含大量属性的对象的过程【好处一】
    // // 属性名也可以使用字符串，但一般不加！
    // 不要在字面量的最后一项添加逗号,即数字18后
    //     var person = {
    //         name:'John',
    //         age: 18
    //     };
    //     alert(person['name']+person.age);

    
    // // 【好处二】是向函数传递大量可选参数的首选方式
    // // 【建议】对那些必需值使用命名参数，而使用对象字面量来封装多个可选参数
    //     function displayInfo(args){
    //         var output = '';
    //         if(typeof args.name == 'string'){
    //             output += 'Name:'+args.name+'\n';

    //         }
    //         if(typeof args.age == 'number'){
    //             output += 'Age:'+args.age+'\n';

    //         }
    //         alert(output);
        

    //     }

    //     displayInfo({
    //         name:'Kai',
    //         age:29
    //     });
    //     displayInfo({
    //         name:'lice',
          
    //     });

        var obj2 = Object();  // 可以省略new操作符
        obj2.name = 'kaikai';
        obj2.age = 34;
        alert(obj2.name);
        console.log(obj2);

    
    
    </script>
</head>
<body>
    
</body>
</html>