Javascript學習之prototype

時間 2019-11-12

標籤 javascript 學習 prototype 欄目 JavaScript 简体版

原文原文鏈接

Javascript是一種基於原型的語言，和咱們一般的Class based programming有很大的區別：編程

1. 函數式first class object，也就是說函數與對象具備相同的語言地位
數組

2. 沒有類，一切基於對象函數

3. 函數也是一種對象，所謂的函數對象
this

4. 對象是按引用來傳遞的
spa

每一個韓式都有一個prototype屬性，這個屬性指向一個對象的引用，這個對象成爲原型對象，源性對象包含函數實例共享的方法和屬性，也就是說講函數用做構造函數調用（使用new操做符調用）的時候，新建立的對象會從原型對象上繼承屬性和方法。prototype

先來弄清一個概念：
orm

私有變量，函數對象

JavaScript的做用域鏈，通俗講就是函數內定義的變量和函數若是不對外提供接口，那麼外部將沒法訪問到，就成爲了私有變量和私有函數。繼承

代碼以下：

function Obj(){接口

var a = 0; //私有變量

var fn = function(){ } //私有函數

}

這樣的函數對象Obj外部沒法訪問變量a和函數fn，他們變成私有的，只能在Obj內部使用，即便是函數Obj的實例仍然沒法訪問這些變量和函數。

靜態變量、函數

當定義一個函數後經過「.」爲其添加的屬性和函數，經過對象自己仍然能夠訪問獲得，可是其實例卻訪問不到，這樣的變量和函數分別被稱爲靜態變量和靜態函數，用過Java、C#的同窗很好理解靜態的含義。

複製代碼代碼以下:

function Obj(){

            }

            Obj.a=0; //靜態變量

            Obj.fn=function(){ //靜態函數

            }

            console.log(Obj.a); //0
            console.log(typeof Obj.fn); //function

            var o=new Obj();
            console.log(o.a); //undefined
            console.log(typeof o.fn); //undefined

實例變量、函數

在面向對象編程中除了一些庫函數咱們仍是但願在對象定義的時候同時定義一些屬性和方法，實例化後能夠訪問，JavaScript也能作到這樣

function Obj(){
                this.a=[]; //實例變量
                this.fn=function(){ //實例方法

                }
            }

            console.log(typeof Obj.a); //undefined
            console.log(typeof Obj.fn); //undefined

            var o=new Obj();
            console.log(typeof o.a); //object
            console.log(typeof o.fn); //function

新的實例會有新的引用