prototype原型是javascript中特別重要的概念,屬於必須要掌握,如果沒有良好的掌握的話,進一步用好或者學好js基本是不可能的實現的事情,並且此概念稍有難度,可能對於初次接觸的朋友來說有點困難,以下就透過程式碼實例簡單介紹一下prototype原型的用法
javascript的prototype原型簡單介紹:
prototype原型是javascript中特別重要的概念,屬於必須要掌握,如果沒有良好的掌握的話,進一步用好或學好js基本是不可能的實現的事情,並且此概念稍有難度,可能對於初次接觸的朋友來說有點困難,下面就通過代碼實例簡單介紹一下prototype原型的用法。
一.基本概念:
每一個函數都有一個prototype屬性。
此屬性是一個指針,能夠指向一個對象,而此對象將會被由構造函數創建的對象實例所共享,也就是會繼承此對象。
總結:prototype所指向的物件是被建構函式所建立的物件實例所共同共享的。
所建立的物件實例有一個內部屬性[[Prototype]],它是一個指針,指向建構函式原型(prototype)指向的物件。
先看一段程式碼:
<script> function antzone(name,age){ this.webname=name; this.age=age; } antzone.prototype.getName=function(){ return this.webname; } var oantzone=new antzone("PHP中文网",10); console.log(oantzone.getName()); </script>
二.程式碼實例:
實例一:
##
function antzone(name,age){ this.webname=name; this.age=age; } var obj={ address:"江苏省徐州" } var oantzone=new antzone("PHP中文网",10); antzone.prototype=obj; console.log(oantzone.address);
實例二:
<script> function antzone(name,age){ this.webname=name; this.age=age; } var obj={ address:"江苏省徐州" } antzone.prototype=obj; var oantzone=new antzone("PHP中文网",10); console.log(oantzone.webname+oantzone.address); </script>
實例三:
function antzone(name,age){ this.webname=name; this.age=age; } var obj={ address:"江苏省徐州" } antzone.prototype.add=obj; var oantzone=new antzone("PHP中文网",10); console.log(oantzone.add.address);
有關在JS 取得JSON資料簡單呼叫(程式碼附上,簡單粗暴)
#入門級video.js使用筆記(程式碼附上)
##
以上是javascript prototype原型詳解(基礎課程)的詳細內容。更多資訊請關注PHP中文網其他相關文章!