JavaScript學習筆記(12)——JavaScript自定義對象

時間 2019-11-10

標籤 javascript 學習筆記自定義對象欄目 JavaScript 简体版

原文原文鏈接

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title></title>
        <script type="text/javascript">
            //直接建立實例，併爲其添加屬性
            var person0 = new Object();
            person0.name = "zhichao";
            person0.age = 30
            for (var txt in person0) {
                console.log("person0's " + txt + "=" + person0[txt]);
                /**
                 * person0's name=zhichao
                 * person0's age=30
                 */
            }
            //使用對象literals構造對象
            var person1 = {
                name: "yangys",
                age: 29
            };
            for (var txt in person1) {
                console.log("person1's " + txt + "=" + person1[txt]);
                /**
                 * person1's name=yangys
                 * person1's age=29
                 */
            }
            //使用構造函數構造對象
            function person2(name, age) {
                this.name = name;
                this.age = age;
            }
            var zhangmin = new person2("zhangmin", 28);
            for (var txt in zhangmin) {
                console.log("zhangmin's " + txt + "=" + zhangmin[txt]);
                /**
                 * zhangmin's name=zhangmin
                 * zhangmin's age=28
                 */
            }
            //爲已有對象添加新屬性
            person1.sex = "男";
            person1.height = 174.5
            for (var txt in person1) {
                console.log("person1's " + txt + "=" + person1[txt]);
                /**
                 * person1's sex=男
                 * person1's height=174.5
                 */
            }

            function person4(name, age) {
                this.name = name;
                this.age = age;
                
                //爲自定義對象添加方法
                this.walk = walk;//這句話是必需要的！
                function walk() {
                    console.log(name + "is walking!");
                }
            }
            var yangkejun = new person4("yangkejun", 64);
            yangkejun.walk();
            /**
             * yangkejun is walking!
             */
        </script>
    </head>

    <body>
    </body>

</html>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。