溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

js定義類的方法示例【ES5與ES6】

發布時間:2020-09-08 06:36:13 來源:腳本之家 閱讀:231 作者:方小川 欄目:web開發

本文實例講述了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>

運行結果:

js定義類的方法示例【ES5與ES6】

上面這樣用構造函數和原型混合的方法定義類,是為了每次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>

運行結果:

js定義類的方法示例【ES5與ES6】

注意:類名首字母要大寫

另:原文代碼中class Point(x,y)定義會導致運行錯誤,本文予以修正。)

感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運行工具:http://tools.jb51.net/code/HtmlJsRun測試上述代碼運行效果。

更多關于JavaScript相關內容感興趣的讀者可查看本站專題:《javascript面向對象入門教程》、《JavaScript錯誤與調試技巧總結》、《JavaScript數據結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》及《JavaScript數學運算用法總結》

希望本文所述對大家JavaScript程序設計有所幫助。

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女