js類的筆記

illusory_f發表於2018-10-29
JS筆記
<!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>Document</title>
</head>

<body>
    //js的物件的寫法
    //函式一句

    <script>


        // var obj = {
        //     x: 23, //相當於"x":23,`x`:23,
        //     "add x": "23",//如果有空格的化就必須要加“”
        //     y: 3,
        //     z: function () { console.log("你好") },
        // }
        // 物件的屬性操作 增刪改查 遍歷
        // var person = {
        //     name: "小明",
        //     age: 18,
        //     sex: `man`,
        //     slogan: function () {
        //         for (var i = 0; i < 5; i++) {
        //             console.log("你好");
        //         }
        //     },
        //     sun: {
        //         name: "小紅",
        //         sex: "女"
        //     }
        // }
        //    var 小紅=person.sun;
        //    delete person.sun 
        //那麼當我們刪除小紅的時候會只是說把他們的關係刪除，小紅對的屬性還在
        //屬性的檢視 person.name;   person["name"] ;
        //增加屬性 物件沒有這個屬性的時候直接加上
        //     person.heighe = 170;
        //     person.name = "小平";
        //     person["小平"];
        //     //刪除delete.person.name 
        //     delete name;
        //     //遍歷
        //     for (PN in person) {
        //         //相當於 PN=person.name
        //         console.log(person[PN]);
        //     }
        //     //建立新的類
        //    //首先我們要明白引用的概念  賦值 例如 var person = a; 相當於person容器裡面暫時存裡一個變數 a的地址；
        //     var person=new personClass();
        //        //定義一個類 

        // function personClass() {
        //     this.name = "小明";
        //     this.age = 19;
        //     this.sex = `男`;
        //     this.slogan = function () {
        //         console.log("我是小明");
        //     }
        // }

        // var person1=new personClass();
        // var person2=new personClass();
        // person2.name="小紅";


    //    // 構造引數的寫法
    //    function personClass(pNAME,pAGE,pSEX) {
    //         this.name =pNAME;
    //         this.age = pAGE;
    //         this.sex = pSEX;
    //         this.slogan = function () {
    //             console.log("我是小明");
    //         }
    //     }
    //     var person3=new personClass("小明" ,23,`男`);
    //        //名稱空間 多個人 
    //        var cc={}
    //        cc.slogan


    </script>

</body>

</html>

 

相關文章