js繼承與介面的區別

㈠ 怎麼快速上手javaScript中的ES6，ES6中的解構，運算符，類，繼承模塊化 有什麼簡單的理解

模塊化在項目中十分的重要，一個復雜的項目肯定有很多相似的功能模塊，如果每次都需要重新編寫模塊肯定既費時又耗力。但是引用別人編寫模塊的前提是要有統一的「打開姿勢」，如果每個人有各自的寫法，那麼肯定會亂套，下面介紹幾種js的模塊化的規范。
一:模塊化進程一：script標簽
這是最原始的 JavaScript 文件載入方式，如果把每一個文件看做是一個模塊，那麼他們的介面通常是暴露在全局作用域下，也就是定義在 window 對象中，不同模塊的介面調用都是一個作用域中，一些復雜的框架，會使用命名空間的概念來組織這些模塊的介面。
缺點:
1、污染全局作用域
2、開發人員必須主觀解決模塊和代碼庫的依賴關系
3、文件只能按照script標簽的書寫順序進行載入
4、在大型項目中各種資源難以管理，長期積累的問題導致代碼庫混亂不堪
二:模塊化進程二：CommonJS規范
該規范的核心思想是允許模塊通過require方法來同步載入所要依賴的其他模塊，然後通過 exports 或 mole.exports 來導出需要暴露的介面。
require("mole");
require("../file.js");
exports.doStuff = function(){};
mole.exports = someValue;
優點：
1、簡單並容易使用
2、伺服器端模塊便於重用
缺點:
1、同步的模塊載入方式不適合在瀏覽器環境中，同步意味著阻塞載入，瀏覽器資源是非同步載入的
2、不能非阻塞的並行載入多個模塊
mole.exports與exports的區別
1、exports 是指向的 mole.exports 的引用
2、mole.exports 初始值為一個空對象 {}，所以 exports 初始值也是 {}
3、require() 返回的是 mole.exports 而不是 exports
exports示例：
// app.js
var circle = require('./circle');
console.log(circle.area(4));
// circle.js
exports.area = function(r){
return r * r * Math.PI;
}
mole.exports示例：
// app.js
var area = require('./area');
console.log(area(4));
// area.js
mole.exports = function(r){
return r * r * Math.PI;
}
錯誤的情況：
// app.js
var area = require('./area');
console.log(area(4));
// area.js
exports = function(r){
return r * r * Math.PI;
}
其實是對 exports 進行了覆蓋，也就是說 exports 指向了一塊新的內存（內容為一個計算圓面積的函數），也就是說 exports 和 mole.exports 不再指向同一塊內存，也就是說此時 exports 和 mole.exports 毫無聯系，也就是說 mole.exports 指向的那塊內存並沒有做任何改變，仍然為一個空對象{}，也就是說area.js導出了一個空對象，所以我們在 app.js 中調用 area(4) 會報 TypeError: object is not a function 的錯誤。
總結：當我們想讓模塊導出的是一個對象時， exports 和 mole.exports 均可使用（但 exports 也不能重新覆蓋為一個新的對象），而當我們想導出非對象介面時，就必須也只能覆蓋 mole.exports 。
三:模塊化進程三：AMD規范
由於瀏覽器端的模塊不能採用同步的方式載入，會影響後續模塊的載入執行，因此AMD(Asynchronous Mole Definition非同步模塊定義)規范誕生了。
AMD標准中定義了以下兩個API
1、require([mole], callback);
2、define(id, [depends], callback);
require介面用來載入一系列模塊，define介面用來定義並暴露一個模塊。
示例：
define("mole", ["dep1", "dep2"], function(d1, d2){
return someExportedValue;
});
require(["mole", "../file"], function(mole, file){ /* ... */ });
優點：
1、適合在瀏覽器環境中非同步載入模塊
2、可以並行載入多個模塊
缺點：
1、提高了開發成本，代碼的閱讀和書寫比較困難，模塊定義方式的語義不順暢
2、不符合通用的模塊化思維方式，是一種妥協的實現
四:模塊化進程四：CMD規范
CMD(Common Mole Definition)規范和AMD很相似，盡量保持簡單，並與CommonJS和Node.js的 Moles 規范保持了很大的兼容性。在CMD規范中，一個模塊就是一個文件。
示例：
define(function(require, exports, mole){
var $ = require('jquery');
var Spinning = require('./spinning');
exports.doSomething = ...
mole.exports = ...
})
優點：
1、依賴就近，延遲執行
2、可以很容易在 Node.js 中運行
缺點：
1、依賴 SPM 打包，模塊的載入邏輯偏重
AMD和CMD的區別
AMD和CMD起來很相似，但是還是有一些細微的差別，讓我們來看一下他們的區別在哪裡：
1、對於依賴的模塊，AMD是提前執行，CMD是延遲執行。
2、AMD推崇依賴前置；CMD推崇依賴就近，只有在用到某個模塊的時候再去require。看代碼：
// AMD
define(['./a', './b'], function(a, b){ // 依賴必須一開始就寫好
a.doSomething()
// 此處略去 100 行
b.doSomething()
...
});
// CMD
define(function(require, exports, mole){
var a = require('./a')
a.doSomething()
// 此處略去 100 行
var b = require('./b')
// 依賴可以就近書寫
b.doSomething()
// ...
});
3、AMD 的 API 默認是一個當多個用，CMD 的 API 嚴格區分，推崇職責單一。
五:模塊化進程五：ES6模塊化
EcmaScript6標准增加了JavaScript語言層面的模塊體系定義。ES6 模塊的設計思想，是盡量的靜態化，使得編譯時就能確定模塊的依賴關系，以及輸入和輸出的變數。CommonJS和AMD模塊，都只能在運行時確定這些東西。
在 ES6 中，我們使用export關鍵字來導出模塊，使用import關鍵字引用模塊。需要說明的是，ES6的這套標准和目前的標准沒有直接關系，目前也很少有JS引擎能直接支持。因此Babel的做法實際上是將不被支持的import翻譯成目前已被支持的require。
盡管目前使用import和require的區別不大(本質上是一回事)，但依然強烈推薦使用import關鍵字，因為一旦JS引擎能夠解析ES6的import關鍵字，整個實現方式就會和目前發生比較大的變化。如果目前就開始使用import關鍵字，將來代碼的改動會非常小。
示例：
import "jquery";
export functiondoStuff(){}
mole "localMole" {}
優點：
1、容易進行靜態分析
2、面向未來的 EcmaScript 標准
缺點：
1、原生瀏覽器端還沒有實現該標准
2、全新的命令字，新版的 Node.js才支持

㈡ 請說明javascript的繼承機制和java繼承機制的區別

一，先來說說javascript的繼承機制的幾種方式：
1，原型鏈繼承：
優點：從instanceof關鍵字來看，實例既是父類的實例，又是子類的實例，看起來似乎是最純粹的繼承。
缺點：子類區別於父類的屬性和方法，必須在Sub.prototype = new Base();這樣的語句之後分別執行，無法被包裝到Sub這個構造器裡面去。例如：Sub.prototype.name = 「sub」；無法實現多重繼承。
2，構造繼承：
優點：可以實現多重繼承，可以把子類特有的屬性設置放在構造器內部。
缺點：使用instanceof發現，對象不是父類的實例。
3，實例繼承：
優點：是父類的對象，並且使用new構造對象和不使用new構造對象，都可以獲得相同的效果。
缺點：生成的對象實質僅僅是父類的實例，並非子類的對象；不支持多繼承。
4，拷貝繼承：
優點：支持多繼承。
缺點：效率較低；無法獲取父類不可枚舉的方法。
二，java繼承機制：
1，java里的類不能多重繼承，如果一個類一旦繼承了它的父類，那麼它就別想再繼承別的類。一個兒子只能有一個老爸，原本設計是沒錯的。可是在實際應用中，就會出現各種問題。
2，java里有更好的介面，介面從本質上來說可以更好的代替繼承。實現像C++里一樣的宏定義的功能，把你想要的東西都抽象在介面里，讓具體的類去實現這些功能。
三，綜上可以看出java不能多繼承，javascript可以，但是javascript沒有介面這一說話，也有局限性，各有千秋吧。

㈢ 什麼是javascript封裝，封裝的方法有幾種

JS雖然是一個面向對象的語言，但是不是典型的面向對象語言。Java/C++的面向對象是object - class的關系，而JS是object - object的關系，中間通過原型prototype連接，父類和子類形成一條原型鏈。本文通過分析JS的對象的封裝，再探討正確實現繼承的方式，然後討論幾個問題，最後再對ES6新引入的類class關鍵字作一個簡單的說明。

JS的類其實是一個函數function，由於不是典型的OOP的類，因此也叫偽類。理解JS的類，需要對JS里的function有一個比較好的認識。首先，function本身就是一個object，可以當作函數的參數，也可以當作返回值，跟普通的object無異。然後function可以當作一個類來使用，例如要實現一個String類

從輸出的結果來看，新的class還是沒有實現屬性私有的功能，見第27行。並且從第26行看出，所謂的class其實就是編譯器幫我們實現了上面復雜的過程，其本質是一樣的，但是讓代碼變得更加簡化明了。一個不同點是，多了static關鍵字，直接用類名調用類的函數。ES6的支持度還不高，最新的chrome和safari已經支持class，firefox的支持性還不太好。

最後，雖然一般的網頁的JS很多都是小工程，看似不需要封裝、繼承這些技術，但是如果如果能夠用面向對象的思想編寫代碼，不管工程大小，只要應用得當，甚至結合一些設計模式的思想，會讓代碼的可維護性和擴展性更高。所以平時可以嘗試著這樣寫。

㈣ js 抽象類 抽象方法 到底是什麼，干什麼用的

面向對象是對介面編程，不是對實現編程。抽象類定義了介面，至於怎麼實現，調用者已經不用關心了。
相當於提供了一種特定類的使用規范，其中一部分是公共的，能夠使該類正常運轉並提供外部介面，它與介面的區別也就在與此；另一部分由虛函數組成，供子類繼承實現。這樣做的好處是只要實現自己需要的部分，就可以自動運轉，沒有關聯。
簡單的說，抽象類就是含有純虛函數的類，這是它的定義。

從功能上來講，抽象類定義了一個介面，即方法調用規約，派生類實現具體的規約。這實際上可以將具體的實現和介面分離開來，從而達到底層細節變化而高層框架不變的需求，通俗一點就是解耦。