導航:首頁 > 程序命令 > 好程序員javascript練習題

好程序員javascript練習題

發布時間:2023-08-24 03:29:50

javascript如何實現介面

在javascript中並沒有原生的創建或者實現介面的方式,或者判定一個類型是否實現了某個介面,我們只能利用js的靈活性的特點,模擬介面。
在javascript中實現介面有三種方式:注釋描述、屬性驗證、鴨子模型。
note:因為我看的是英文書,翻譯水平有限,不知道有些詞彙如何翻譯,大家只能領會精神了。
1. 注釋描述 (Describing Interfaces with Comments)
例子:

復制代碼 代碼如下:

/*
interface Composite {
function add(child);
function remove(child);
function getChild(index);
}
interface FormItem {
function save();
}
*/
var CompositeForm = function(id, method, action) { // implements Composite, FormItem
...
};
//Implement the Composite interface.
CompositeForm.prototype.add = function(child) {
...
};
CompositeForm.prototype.remove = function(child) {
...
};
CompositeForm.prototype.getChild = function(index) {
...
};
// Implement the FormItem interface.
CompositeForm.prototype.save = function() {
...
};

模擬其他面向對象語言,使用interface 和 implements關鍵字,但是需要將他們注釋起來,這樣就不會有語法錯誤。
這樣做的目的,只是為了告訴其他編程人員,這些類需要實現什麼方法,需要在編程的時候加以注意。但是沒有提供一種驗證方式,這些類是否正確實現了這些介面中的方法,這種方式就是一種文檔化的作法。
2. 屬性驗證(Emulating Interfaces with Attribute Checking)
例子:

復制代碼 代碼如下:

/* interface
Composite {
function add(child);
function remove(child);
function getChild(index);
}
interface FormItem {
function save();
}
*/
var CompositeForm = function(id, method, action) {
this.implementsInterfaces = ['Composite', 'FormItem'];
...
};
...
function addForm(formInstance) {
if(!implements(formInstance, 'Composite', 'FormItem')) {
throw new Error("Object does not implement a required interface.");
}
...
}
// The implements function, which checks to see if an object declares that it
// implements the required interfaces.
function implements(object) {
for(var i = 1; i < arguments.length; i++) {
// Looping through all arguments
// after the first one.
var interfaceName = arguments[i];
var interfaceFound = false;
for(var j = 0; j < object.implementsInterfaces.length; j++) {
if(object.implementsInterfaces[j] == interfaceName) {
interfaceFound = true;
break;
}
}
if(!interfaceFound) {
return false;
// An interface was not found.
}
}
return true;
// All interfaces were found.
}

這種方式比第一種方式有所改進,介面的定義仍然以注釋的方式實現,但是添加了驗證方法,判斷一個類型是否實現了某個介面。
3.鴨子類型(Emulating Interfaces with Duck Typing)

復制代碼 代碼如下:

// Interfaces.
var Composite = new Interface('Composite', ['add', 'remove', 'getChild']);
var FormItem = new Interface('FormItem', ['save']);
// CompositeForm class
var CompositeForm = function(id, method, action) {
...
};
...
function addForm(formInstance) {
ensureImplements(formInstance, Composite, FormItem);
// This function will throw an error if a required method is not implemented.
...
}
// Constructor.
var Interface = function(name, methods) {
if(arguments.length != 2) {
throw new Error("Interface constructor called with "
+ arguments.length + "arguments, but expected exactly 2.");
}
this.name = name;
this.methods = [];
for(var i = 0, len = methods.length; i < len; i++) {
if(typeof methods[i] !== 'string') {
throw new Error("Interface constructor expects method names to be "
+ "passed in as a string.");
}
this.methods.push(methods[i]);
}
};
// Static class method.
Interface.ensureImplements = function(object) {
if(arguments.length < 2) {
throw new Error("Function Interface.ensureImplements called with "
+arguments.length + "arguments, but expected at least 2.");
}
for(var i = 1, len = arguments.length; i < len; i++) {
var interface = arguments[i];
if(interface.constructor !== Interface) {
throw new Error("Function Interface.ensureImplements expects arguments"
+ "two and above to be instances of Interface.");
}
for(var j = 0, methodsLen = interface.methods.length; j < methodsLen; j++) {
var method = interface.methods[j];
if(!object[method] || typeof object[method] !== 'function') {
throw new Error("Function Interface.ensureImplements: object "
+ "does not implement the " + interface.name + " interface. Method " + method + " was not found.");
}
}
}
};

何時使用介面?
一直使用嚴格的類型驗證並不適合,因為大多數javascript程序員已經在沒有介面和介面驗證的情況下編程多年。當你用設計模式開始設計一個很復雜的系統的時候,使用介面更有益處。看起來使用介面好像限制了javascript的靈活性,但實際上他讓你的代碼變得更加的松耦合。他使你的代碼變得更加靈活,你可以傳送任何類型的變數,並且保證他有你想要的方法。有很多場景介面非常適合使用。
在一個大型系統里,很多程序員一起參與開發項目,介面就變得非常必要了。程序員經常要訪問一個還沒有實現的api,或者為其他程序員提供別人依賴的一個方法存根,在這種情況下,介面變得相當的有價值。他們可以文檔化api,並作為編程的契約。當存根被實現的api替換的時候你能立即知道,如果在開發過程中api有所變動,他能被另一個實現該介面的方法無縫替換。
如何使用介面?
首先要解決的問題是,在你的代碼中是否適合使用介面。如果是小項目,使用介面會增加代碼的復雜度。所以你要確定使用介面的情況下,是否是益處大於弊端。如果要使用介面,下面有幾條建議:
1.引用Interface 類到你的頁面文件。interface的源文件你可以再如下站點找到: http://jsdesignpatterns.com/.
2.檢查你的代碼,確定哪些方法需要抽象到介面裡面。
3.創建介面對象,沒個介面對象裡麵包含一組相關的方法。
4.移除所有構造器驗證,我們將使用第三種介面實現方式,也就是鴨子類型。
5.用Interface.ensureImplements替代構造器驗證。
您可能感興趣的文章:
小議javascript 設計模式 推薦
JavaScript 設計模式之組合模式解析
javascript 設計模式之單體模式 面向對象學習基礎
JavaScript 設計模式 安全沙箱模式
JavaScript設計模式之觀察者模式(發布者-訂閱者模式)
JavaScript設計模式之原型模式(Object.create與prototype)介紹
JavaScript設計模式之工廠方法模式介紹
javascript設計模式之中介者模式Mediator
學習JavaScript設計模式之責任鏈模式

❷ JavaScript編程開發技巧

隨著互聯網的不斷發展,關於JavaScript編程開發語言的使用也被廣大程序員掌握。而今天我們就一起來了解一下,JavaScript編程開發的一些技巧都有哪些。



JSON.stringify


我們平時經常會用到JSON對象,比如當我們要實現對象的深拷貝時,我們可以用JSON對象的JSON.stringify和JSON.parse來歲散拷貝一個完全一樣的對象,而不會對原對象產生任何引用關系。在使用localStorage時,也會用到它,因為localStorage只能存儲字元串格式的內容,所以,我們在存之前,將數值轉換成JSON字元串,取出來用的時候,再轉成弊雀飢對象或數組。


參數:


value:將要被序列化的變數的值


replacer:替代器。可以是函數或者是數組,如果是一個函數,則value每個屬性都要經租返過這個函數的處理,該函數的返回值就是後被序列化後的值。如果是一個數組,則要求該數組的元素是字元串,且這些元素會被當做value的鍵(key)進行匹配,後序列化的結果,是只包含該數組每個元素為key的值。


space:指定輸出數值的代碼縮進,美化格式之用,可以是數字或者字元串。如果是數字(大為10)的話,代表每行代碼的縮進是多少個空格。如果是字元串的話,該字元串(多前十個字元)將作顯示在每行代碼之前。


用Set來實現數組去重


在ES6中,引入了一個新的數據結構類型:Set。而Set與Array的結構是很類似的,且Set和Array可以相互進行轉換。


數組去重,也算是一個比較常見的前端面試題了,方法有很多種,這里不多贅述。下面我們看看用Set和...(拓展運算符)可以很簡單的進行數組去重。


用塊級作用域避免命名沖突


在開發的過程中,通常會遇到命名沖突的問題,就是需要根據場景不同來定義不同的值來賦值給同一個變數。下面昌平鎮IT培訓介紹一個使用ES6中的塊級作用域來解決這個問題的方法。


函數參數值校驗


我們知道,在ES6中,為函數增加了參數默認值的特性,可以為參數設定一些默認值,可以讓代碼更簡潔,可維護。


❸ 求程序員--筆試面試題庫

ASP.Net程序員測試題
一、資料庫部分:
資料庫中有以下幾個表
Customers(客戶信息)
列名稱 含義 數據類型 可空 是主鍵 是外鍵 默認值
Customer_ID 客戶編號 int(自動增長) N Y N 無
Customer_Name 客戶名稱 nvarchar(30) N N N 無

Procts(商品信息)
列名稱 含義 數據類型 可空 是主鍵 是外鍵 默認鍵
Procts _ID 客戶編號 int(自動增長) N Y N 無
Procts _Name 客戶名稱 nvarchar(100) N N N 無
Unit_Price 單價 decimal(7,2) N N N 無

Orders(訂單信息)
列名稱 含義 數據類型 可空 是主鍵 是外鍵 默認鍵
Order _ID 訂單編號 int(自動增長) N Y N 無
Order _Date 訂單日期 smalldatetime N N N DETDATEO
Customer_Price客戶編號 int N N Y 無

OrderDetails(訂單詳細內容)
列名稱 含義 數據類型 可空 是主鍵 是外鍵 默認鍵
Order _ID 訂單編號 int(自動增長)N Y Y 無
Proct _ID 商品編號 smalldatetime N Y Y 無
Proct_Quantity商品數量 int N N N 1

問題如下
1.Orders表Order_Date欄位的默認值GETDATEO是什麼意思?
2.查詢商品信息表中的商品總數量,各種商品平均單價。
3.查詢用戶名稱為「張三」,訂單日期為2005-8-30日的訂單總金額。
4.查詢商品名稱為「聯想電腦」的商品在2005-7-1日至2005-7-31之間每天的銷售明細(要求顯示日期、當日的銷售總量)。

二、C#語法題
1.C#中所有類的基類是什麼?
2.計算n+(n-1)+(n-2)+…+1(n=100)。
3.請閱讀以下代碼,並求出結果。
Int iResult=0;
Int iTemp=0;
for(int i=0;i+=2)

iResult+=i;

While(iTemp<3)

iResult-=iTemp;
iTemp++;

請問iResult的值為多少?
4.override與重載有什麼區別?
5.閱讀以下代碼,然後回答問題
Private int Division(int x,int y)

return x/y;

請問該函數被調用時是否可能會出現問題?如果有問題請修改該函數。
6.public class A

private string_value=「」;
public A(string value)

This._value=value;



Public class B:A

//想在構造類B的同時初始化類A中的_value欄位?


想在構造類B的同時初始化類A中的_value欄位,是否可以實現?如果可以實現,請補充類B的代碼。
7.public sealed class A

……

請問代碼中的sealed是什麼意思?
8.請問Session 和Application各在什麼場合下使用(最好舉例說明)
9.請問您在什麼情況下會用到虛方法?它與介面方法有什麼不同?
10.請列舉二個您用到過的設計模式?
11.請列舉一些ASP.Net中支持數據綁定的控制項,您經常使用哪些?
12.頁面上有一個input框的名字為txtPrice,請在提交前驗證該控制項中的內容(不能為空,必須是整數,用javascript驗證)。
13.請問重定向頁面有幾種方法?

你可以試著做做看,公司出的題應該都不一樣的,希望對你有所幫助!

閱讀全文

與好程序員javascript練習題相關的資料

熱點內容
程序員測試輕松嗎 瀏覽:164
英雄聯盟神魔怎麼綁定伺服器 瀏覽:980
音樂app怎麼換音質 瀏覽:974
python進階客戶流失 瀏覽:280
華為榮耀10伺服器地址 瀏覽:998
javastring相等判斷 瀏覽:411
程序員考研究生學校 瀏覽:935
java卡頓 瀏覽:500
編程軟體怎麼運行zip文件 瀏覽:505
單片機怎麼做組態 瀏覽:899
android參考文獻外文 瀏覽:684
銅電極電流效率的演算法 瀏覽:142
簡訊內存已滿怎麼處理安卓 瀏覽:312
ogg命令 瀏覽:784
南昌程序員最新消息 瀏覽:151
藍牙編程入門書籍 瀏覽:763
單片機秒錶實驗 瀏覽:411
小米3文件夾設置 瀏覽:566
手動添加dns伺服器加什麼數字 瀏覽:563
單片機中三位數碼管原件 瀏覽:142