<!--http://www.56.com/u85/v_MTMyNjk1OTc4.html--> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>ES6繼承語法</title> </head> <body> </body> <script type="text/javascript"> /* * 什么是 ES6 ? * JavaScript : * 核心模塊：ECMAScript (是 JS 的核心重要組成部分) * HTML結構節點： DOM * 瀏覽器核心對象： BOM * * DOM : html 結構 * html * body * main * div * BOM : 詳細請看 ： http://www.cnblogs.com/2010master/p/5824215.html * BOM（Browser Object Document）即瀏覽器對象模型。 * BOM提供了獨立於內容 而與瀏覽器窗口進行交互的對象； * 由於BOM主要用於管理窗口與窗口之間的通訊，因此其核心對象是window； * BOM由一系列相關的對象構成，並且每個對象都提供了很多方法與屬性； * * ECMAScript : ES(ECMA : 歐洲計算機制造商協會) * 規定了這些內容 ： 語法 關鍵字 聲明 解析等規則 * 數據類型 : object string number boolean .... * 也支持 原型和繼承的 * 還有 一些內置的對象 和 函數庫 * 運算符號..... * */ // ES6 對 對象的繼承有了新的語法： class People { // 構造函數 constructor(name, age) { // 初始化屬性 this.name = name; this.age = age; } // 方法 eat(food) { console.log(this.name + '吃 ： ' + food); } } // 設置原型中的內容 People.prototype.legs = 2; // 創建 People 對象 var p1 = new People('三炮', 22); console.log(p1); // 方法的調用 p1.eat('大盤雞'); // -------------- 繼承 ---------------- // extends ： 繼承的關鍵字 class Man extends People { constructor(name, age, sex) { // super : 就相當於會自動去執行 People 的構造函數 super(name, age); // 新增，擴展自己的屬性 this.sex = sex; } playMJ() { console.log(this.name + '正在打麻將'); } } // 叫 翠花 28 男 吃饅頭 打麻將 var man = new Man('翠花', 28, '男'); console.log(man); man.eat('饅頭'); man.playMJ(); </script> </html>