JavaScript的類和構造函數

JavaScript的類和構造函數

前面一篇博客,我們說到了對象,總結一下就是對象是包含屬性和方法的容器。當然說到對象有個問題繞不過,那就是類,當然在es5裏邊並沒有類的概念,但是在這裏邊有構造函數,可以創建類似於類的函數,說到類我們要知道,類是一種抽象的概念,類似於工廠,模板。然後對象是一具體的一個實例,當然對象可以是類的一個具體實例。接下來接單的說一下“類”和構造函數。

    // 對象是指 具體到一個實體
    // 類 是抽象的概念  模板 工廠
    
    // 類名一般要大寫
    // 語法:function 類名(){
    //     類的屬性和方法(構造函數)
    // }

    // 創建/定義一個 人 類
    function Person(name,sex,age,hobby){
        this.name=name;
        this.sex=sex;
        this.age=age;
        this.hobby=hobby;
    }

    // 創建一個類的實例
    var liming=new Person("李明","男",40,function(){console.log("我喜歡講英語")});
    console.log(liming);
    var zhangsan=new Person("張三","男",35,function(){console.log("老張")});
    console.log(zhangsan);

    // var obj=new Object();

    // 通過原型在類裏邊添加 屬性 方法
    function Students(name,age){
        this.name=name;
        this.age=age;
    }
    Students.prototype.jieshao=function(){
        console.log("我叫"+this.name);
    }

    var sanpao=new Students("三炮",20);
    console.log(sanpao);
    sanpao.jieshao();

這篇博客並沒有過多的去講解類,後面ES6中我們會詳細的講解 類 的概念,但是在這裏要知道一個問題,那就是隻要遇到使用 "new"這個關鍵字創建的實例,都是使用的構造函數。

視頻講解鏈接:
https://www.bilibili.com/video/BV1iv411z72w

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章