您好,登錄后才能下訂單哦!
本文實例講述了js定義類的方法。分享給大家供大家參考,具體如下:
以下是es5標準里定義類的方法:
<script> function Point(x,y){ this.x=x; this.y=y; } Point.prototype.toString=function(){ return '('+this.x+', '+this.y+')'; } var point=new Point(1,2); console.log(point); </script>
運行結果:
上面這樣用構造函數和原型混合的方法定義類,是為了每次new
新實例時可以共享方法,不用創建function
新實例。所以只有函數屬性放在原型對象里定義,其他屬性都在構造函數里定義。
es6里簡化了類的定義方法:
<script> class Point{ constructor(x,y){ this.x=x; this.y=y; } toString(){ return '('+this.x+', '+this.y+')'; } } let point=new Point(3,4); console.log(point); </script>
運行結果:
注意:類名首字母要大寫
(另:原文代碼中class Point(x,y)
定義會導致運行錯誤,本文予以修正。)
感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運行工具:http://tools.jb51.net/code/HtmlJsRun測試上述代碼運行效果。
更多關于JavaScript相關內容感興趣的讀者可查看本站專題:《javascript面向對象入門教程》、《JavaScript錯誤與調試技巧總結》、《JavaScript數據結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》及《JavaScript數學運算用法總結》
希望本文所述對大家JavaScript程序設計有所幫助。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。