2018/6/4

Javascript的物件

覺得這篇寫得蠻好的
https://developer.mozilla.org/zh-TW/docs/Learn/JavaScript/Objects/Basics
常常對js物件中的dot notation與bracket notation感到陌生、不解
我現在定義一個物件:
<script type="text/javascript">
       var person = {};
       alert(person);
</script>
印出結果是[object Object],因為是空物件

定義一個有內容的物件:
<script type="text/javascript">
        var person = {
            name: ["Bob", "Smith"],
            age: 32,
            gender: "male",
            interests: ["music", "skiing"],
            bio: function () {
                alert(this.name[0] + " " + this.name[1] + " is " + this.age + " years old. He likes " + this.interests[0] + " and " + this.interests[1] + ".");
            },
            greeting: function () {
                alert("Hi! I\"m " + this.name[0] + ".");
            }
        };
        console.log(person.name);
        console.log(person.age);
        console.log(person.gender);
        console.log(person.interests[0]);
        person.bio();
</script>
testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest
因程式碼區塊的橫向捲軸突然不見,不爽寫了 未完待續....

沒有留言:

張貼留言