JavaScript

[Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]JavaScript物件導向的兩種書寫方法以及差別http://www.jb51.net/article/13211.htmJavaScript 物件導向入門精簡篇http://www.jb51.net/article/17541.htm

我們日常JS編程中最常用的方式 有下面2種： 1.混合的建構函式和原型方式 （重點） 複製代碼 代碼如下: function car (sColor,iNumbers){ // 建構函式只用來定義對象的所有非函數屬性，即對象的屬性 this.color = sColor; this.numbers = iNumbers; this.dirvers = new Array ("Jone","Leon"); } car.prototype.showColor = function (){ //

在Javascript中構建一個類有好幾種方法: 1.Factory 方式 複製代碼 代碼如下: function createCar(){ var car = new Object(); car.color=”b”; car.length=1; car.run=function(){alert(”run”);} return car; } 定義這麼一個函數之後,就可以用: var car1 = createCar(); var car2 = createCar();

首先建立一個父類的執行個體化對象，然後將該對象賦給子類的 prototype 屬性。 這樣，父類中的所有公有執行個體成員都會被子類繼承。並且用 instanceof 運算子判斷時，子類的執行個體化對象既屬於子類，也屬於父類。 然後將子類本身賦值給它的 prototype 的 constructor 屬性。（注意：這裡賦值的時候是沒有 () 的！） 這一步是為了保證在查看子類的執行個體化對象的 constructor 屬性時，看到的是子類的定義，而不是其父類的定義。 接下來，通過對

、dojo.js的寫類方式 dojo最新是1.3.1了，記得07年時還是0.4。文檔也漸漸多了起來，用dojo的也慢慢多了。dojo還發布了core版，壓縮後只有27kb。dojo中用dojo.declare方法來定義一個類。dojo.declare的源碼就不貼在這裡了。dojo.declare有三個參數， 參數1：類名className 參數2：繼承的類superclass 參數3：構造器，方法props

6、Prototype.js的寫類方式 複製代碼 代碼如下://prototype.js中的代碼 var Class = { create: function() { return function() { this.initialize.apply(this, arguments); } } } //簡化後的 function Clazz() { return function(){ this.initialize.apply(this,arguments); } } 如下步驟寫一個類，

5、用 建構函式+原型 定義一個類；同一建構函式可以定義出多個類型 複製代碼 代碼如下: /** * $define 寫類工具函數之二 * @param {Object} constructor * @param {Object} prototype */ function $define(constructor,prototype) { var c = constructor || function(){}; var p = prototype || {}; return function()

4、建構函式 + 原型 直接組裝一個類；同一建構函式將組裝出同一類型通過前面幾篇得知javascript寫類無非基於建構函式 和原型 。既然這樣，我們寫個工具函數來寫類。複製代碼 代碼如下:/** * $class 寫類工具函數之一 * @param {Object} constructor * @param {Object} prototype */ function $class(constructor,prototype) { var c = constructor ||

第一種類型就是前面所說的私人類型，它的特點是對外界完全不具備訪問性，要訪問它們，只有通過特定的getter和setter。 第二種類型是動態公有類型，它的特點是外界可以訪問，而且每個對象執行個體持有一個副本，它們之間不會相互影響。 第三種類型是靜態公有類型，或者通常叫做原型屬性，它的特點是每個對象執行個體共用唯一副本，對它的改寫會相互影響。 第四種類型是類屬性，它的特點是作為類型的屬性而不是對象執行個體的屬性，在沒有構造對象時也能夠訪問，下面通過例子說明這四種屬性類型各自的特點和區別：

學過java,c#,vb的都知道類的概念，而類具有繼承、封裝、多態等功能。而javascript它不是物件導向語言，它是解釋性語言。 但我們同樣可以使用javascript來實現繼承、多態。 javascript實作類別，有多種方法。 方法一：構造方法。 代碼 複製代碼 代碼如下: function coder(){ this.name = '小王'; this.job = '程式員'; this.coding = function () { alert('我正在寫代碼'); } } var

感歎是為了緩解嚴肅的氣氛並引出今天要講的話題，”javascript物件導向編程”，接下來，我們圍繞物件導向的幾大關鍵字：封裝，繼承，多態，展開。 封裝：javascript中建立對象的模式中，個人認為通過閉包才算的上是真正意義上的封裝，所以首先我們先來簡單介紹一下閉包，看下面這個例子： 複製代碼 代碼如下: <script type="text/javascript">// <![CDATA[ function myInfo(){ var name ="老魚",age =27

複製代碼 代碼如下:/*----------------------------------- Web Application JavaScript Library 2009.11 janchie ------------------------------------*/ //String原生對象擴充 置空左右端空格 String.prototype.trim = function(){ return this.replace(/(^[\s\n\t\r]*)|([\s\n\r\t]*$)/g,

constructor屬性始終指向建立當前對象的建構函式。比如下面例子：比如下面例子： 複製代碼 代碼如下: // 等價於 var foo = new Array(1, 56, 34, 12); var arr = [1, 56, 34, 12]; console.log(arr.constructor === Array); // true // 等價於 var foo = new Function(); var Foo = function() { };

因此很有必要在這裡為同學們舉一個例子： JavaScript物件導向程式碼範例 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]

直到有那麼一天，我開始在js中拼湊DOM標籤，而且需要不停的拼湊，我發現My Code變得愈發的醜陋，不僅上是代碼簡潔的問題，甚至有時候還引發了效能問題。長此以往，不出三個月，上帝都將會不知道我寫過些什麼，本篇的目的完全出於記錄使用心得。 首先，還是來看一下促使我改變書寫JavaScript習慣的垃圾代碼，在練習、測試、調試、甚至正式項目中，大量的充斥著下面的代碼。 複製代碼 代碼如下: Function finduser(userId) { } Function

說到js的物件導向，就不得不提到prototype這個js內建屬性了(注意：這裡的prototype可不是prototype.js),它的作用就是可以動態向一個對象(object)添加某種屬性。我現在要做的就是儘可能的讓代碼達到公用，像繼承啦之類的。好了，這些就不多說了，對prototype不瞭解的可以搜尋下相關內容。

JavaScript 使用簡略文法建立對象 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]

有人說javascript也是物件導向的，只是它是prototype based,當然這隻是概念上的區別，我不想討論js是不是物件導向的，關鍵是想說明雖然javascript的類表現得很像其他語言中的類，但是內部的實現機理確不太一致，如果一味的把javascript中的類類比作其他語言中的類，有時候腦子會犯混。 先看一段簡單的代碼，一般教材上介紹如何建立一個類的時候都是這樣的（當然還有更複雜的方法，不過本質上是一樣的）： 複製代碼 代碼如下: function MyClass(x) {

以前這些東西自己清楚，可是卻解釋不出來，也沒有去深究這些東西。今天在看《悟透JavaScript》的時候，看到作者的描述，“茅廁”頓開。 現摘錄如下，作者說的很是清楚： 用 var anObject = new aFunction() 形式建立對象的過程實際上可以分為三步： 第一步是建立一個新對象； 第二步將該對象內建的原型對象設定為建構函式prototype引用的那個原型對象； 第三步就是將該對象作為this參數調用建構函式，完成成員設定等初始化工作。

複製代碼 代碼如下://60年代的汽車工廠 var ocar=new Object; ocar.color="black"; ocar.doors=2; ocar.pinpai="解放"; ocar.showPinpai=function() { 　　alert(this.pinpai);//需要一個生產線，生產一個汽車，再生產下個汽車還需要建立新的生產線 } //70年代的汽車工廠 function createcar() { 　　 var oTempCar=new Object;