1. 程式人生 > >JavaScript 面向物件程式設計思想,物件的使用方法

JavaScript 面向物件程式設計思想,物件的使用方法

程式設計思想:

    面向過程:所有事情都是親力親為,注重的是過程

    面向物件:提出需求,找物件,物件解決,注重的是結果

    Js不是一門面向物件的語言,是基於物件的語言,Js來模擬面向物件

    面向物件的特徵:封裝繼承多型

    物件:具體特指的某個事物,有特徵(屬性)和行為(方法)

如何建立物件:

    通過呼叫new Object(),還有{},自定義建構函式

建立物件的方式:

    1,呼叫系統Obeject()---------->創建出來的物件都是Obeject型別的

    2,字面量方式{}---------------->只能建立一個物件(一次只能建立一個)

    3,工廠模式建立物件----------->自定義建構函式(優化後的工廠模式)

<script>
    //字面量方式
    var per1={
        name:"xxx",
        age:20,
        sex:"男",
        eat:function(){
            console.log("吃東西");
        },
        readbook:function(){
            console.log("看書");
        }
    }

    //呼叫系統的建構函式
    var per2=new object();
    per2.name="vvv";
    per2.age=20; 
    per2.sex="男";
    per2.eat=function(){
        console.log("吃東西");
    }
    per2.readbook=function(){
        console.log("看書");
    }
    
    //自定義建構函式
    function Person(name,age,sex){
        this.name=name;
        this.age=age;
        this.sex=sex;
        this.play=function(){
            console.log("玩遊戲");
        }
    }
    var per=new Person("小明",18,"男"); //例項化物件,資料初始化
    console.log(per instanceof Person);
</script>    
推薦使用自定義建構函式來建立物件
<script>
    function Person(name,age,sex){
        this.name=name;
        this.age=age;
        this.sex=sex;
        this.sayHi=function(){
            console.log("你好");
        }
    }
    var per=new Person("小明",18,"男");//例項化物件,資料初始化
    //1,開闢空間儲存物件
    //2,把this設定為當前的物件
    //3,設定屬性和方法的值
    //4,把this物件返回     
</script>