JS學習筆記 - 面向物件 - 原型

阿新 • • 發佈：2018-12-29

<script>
    var arr1 = new Array(12, 55, 34, 78, 676);
    var arr2 = new Array(12, 33, 1)

Array.prototype.sum = function()  //理解為CSS的Class樣式
//    arr1.sum = function(){      //理解為行間樣式
{
        var result = 0;
    
        for(var i=0; i<this.length; i++)
        {
            result  
+= this[i];
        }

        return result;
    }

    alert(arr1.sum());
    alert(arr2.sum());
    </script>

<script>
    function CreatePerson(name, qq)     //建構函式
    {
        //系統偷偷替咱們做：
        // var this = new Object();
    
        this.name = name;
        this.qq = qq;

         
//也會偷偷做一些：
        // return this;
    }

    CreatePerson.prototype.showName = function()    //原型
    {
        alert('我的名字叫：' + this.name);
    };
    CreatePerson.prototype.showQQ = function()
    {
        alert('我的名字叫：' + this.qq);
    };

    var obj=new createPerson('blue', '258248832');
    var obj2 
=new createPerson('張三', '45648979879');

    /*obj.showName();
      obj.showQQ();

      obj2.showName();
      obj2.showQQ();*/

    alert(obj.showName==obj2.showName);

    </script>

JS學習筆記 - 面向物件 - 原型

JS學習筆記 - 面向物件

類、物件類：模子物件：產品（成品）蛋糕（物件）模子（類） Array 類 arr 物件 Array.push(); 錯 arr.push(); 對 new arr(); 錯原型prototype 是加到類上面，而不是物件。混合方式構造物件：方法都是相同的，屬性都是不同的

JS學習筆記 - 面向物件 - 選項卡（普通選項卡改寫）

選項卡3 <script> window.onload=function () { new TabSwitch('div1'); }; function TabSwitch(id) // TabSwitch 是 id 的物件？？ { // var oDi

scala學習筆記-面向物件程式設計之Trait

將trait作為介面使用 1 // Scala中的Triat是一種特殊的概念 2 // 首先我們可以將Trait作為介面來使用，此時的Triat就與Java中的介面非常類似 3 // 在triat中可以定義抽象方法，就與抽象類中的抽象方法一樣，只要不給出方法的具體實現即可 4

go學習筆記-面向物件（Methods, Interfaces）

面向物件（Methods, Interfaces） Method method是附屬在一個給定的型別上的，他的語法和函式的宣告語法幾乎一樣，只是在func後面增加了一個receiver(也就是method所依從的主體)。語法 func (r ReceiverType) funcName(param

JS學習筆記（物件基礎操作）

建構函式寫法一： function Dog(name, age, dogFriends) { // 1.1 屬性 this.name = name; this.age = age; this.dogFriends = dogFri

JS學習筆記 Date物件及定時器操作

1.Date物件基本使用 <script> // 1. 宣告日期物件 var date = new Date(); // console.log(date); console.log(date.getDate()); // 日 console

Java第十天學習筆記~面向物件（介面應用、多型）

介面的應用暴露的規則使用規則實現規則這些裝置和電腦的耦合性降低了 interface USB //暴露的規則 { public void open(); public void close(); } class BookPC

C#學習筆記-面向物件基礎-多型

絕對路徑與相對路徑相對路徑：相對於程式的路徑，儘量使用這個路徑。 File與Filestream #List 泛型集合 ##宣告方式 List listname = new List(); 名稱空間是 System.Collections ##陣列與集合之間的

C#學習筆記-面向物件基礎-繼承

名稱空間 namespace 解決類的重名問題。可以看做的是類的“資料夾”。如果名稱空間缺失，可以選中類，用快捷鍵 alt+shift+F10，可以匯入名稱空間。在一個專案中引用另一個專案的類新增引用引用名稱空間值型別與引用型別

C# 學習筆記-面向物件基礎語法

面向物件的概念面向過程：面向的是完成這件事的過程，強調的是完成這件事的動作；把大象塞進冰箱裡： 1、開啟冰箱； 2、把大象塞進去； 3、關閉冰箱門。如果我們用面向過程的思想來解決這件事兒，當執行這件事的人不同的時候，我們需要為每個不同的人量身定做解決事情的方法。

JavaScript高階程式設計學習筆記--面向物件的程式設計（二）-- 繼承

js面向物件原型和繼承

js面向物件原型和繼承作用域鏈和閉包原型我們都知道，函式建立時瀏覽器會在記憶體中建立一個物件。很多人在這裡都感覺很難理解裡面的關係函式建立的時候，瀏覽器會在記憶體中建立一個由prototype指向的物件。其實只有當你要將函式作為建構函式使用的時候，創建出來的物件才會發揮作用

JS面向物件--面向物件原型

一.面向物件原型概念及說明 (1)面向物件原型的使用方式及使用範圍 // new Object // 建構函式，工廠模式 // 原型->建構函式 // 物件通過通過建構函式建立，那麼就可以新增原型 function People(name){

【Vue.js學習筆記】8：建立多個Vue例項物件,認識Vue中的元件

建立多個Vue例項物件這裡在同一個js檔案中建立了兩個Vue例項物件，它們各自能完成前面學的那些功能，同時使用物件名稱也可以互相訪問，協同實現一些功能。 index.html <!DOCTYPE html> <html lang="en" xmlns:v-

js學習筆記：事件——事件流、事件處理程式、事件物件

Javascript與HTML之間的互動是通過事件實現的。事件，就是文件或瀏覽器視窗中發生的一些特定的互動瞬間。可以使用偵聽器來預定事件，以便事件發生時執行相應程式碼。事件流事件流描述的是從頁面中接受事件的順序。事件冒泡 IE的事件

MINE筆記-面向物件程式設計，原型鏈的理解，建構函式，原型物件，例項化物件，prototype 運用

// to do list 建立建構函式，例項化物件，來做面向物件程式設計 // 建立建構函式--原型函式（原型物件） function person(name,age,id){ this.name = name; this.age = age; this.id =id // c

JS中三種主要方法（函式定義）類別理解 —（JS面向物件&原型）

JS中三種主要方法（函式定義）類別理解 —（JS面向物件&原型）首先理解在JavaScript中：函式是“第一等公民” 一切皆物件 javascript的方法可以分為三類：類方法物件方法原型方法程式碼示例：

JS設計模式學習筆記一:物件收編變數檢測類

1.1函式基本形式(全域性變數) function checkName(){ //驗證姓名 } function checkEmail(){ //驗證郵箱 } function checkPasswo

《Three.js學習筆記02》場景中新增網格物件

<!DOCTYPE html><html><head> <title> First Scene</title> <script type="text/javascript" src="../assets/three.min.js"&

JS學習筆記 - 面向物件 - 原型

相關推薦