深入理解JavaScript中的對象的介紹

    時間:2024-06-16 05:44:01 JavaScript 我要投稿
    • 相關推薦

    關于深入理解JavaScript中的對象的介紹

      JavaScript是一種面向對象編程(OOP)語言。一種編程語言可以被稱為面向對象的,它為開發者提供了四種基本功能:

      封裝 - 存儲相關的信息,無論是數據或方法,還是對象 聚合 - 存儲一個對象到另一個對象的內部 繼承 - 類的能力依賴于另一個類(或類數),用于其部分的屬性和方法 多態性 - 編寫函數或者方法,在各種不同的方式工作

      對象是由屬性。如果屬性包含一個函數,它被認為是一個對象的方法,否則,該屬性被認為是一個屬性。

      對象屬性:

      對象的屬性可以是任何三種基本數據類型的,或者任何抽象數據類型,如另一個對象。對象屬性通常是內部使用的對象的方法的變量,但也可以是用于整個頁面全局可見的變量。

      用于添加屬性的目的語法是:

      objectName.objectProperty = propertyValue;

      示例 :

      下面是一個簡單的例子來說明如何利用“稱號”的文件對象的屬性來獲取文檔標題:

      var str = document.title;

      對象的方法:

      方法是讓對象做某件事。一個函數和一個方法,所不同的是一個 function語句的一個獨立的單元和方法被附加到對象,并可以通過這個關鍵字被引用之間的差別不大。

      方法可用于一切從顯示對象的屏幕上的內容,以對一組本地的屬性和參數執行復雜的數學運算是有用的。

      例子:

      下面是一個簡單的例子來說明如何使用write()文檔對象的方法寫在文檔中的任何內容:

      document.write("This is test");

      用戶定義的對象:

      所有用戶定義的對象和內置對象被稱為對象的對象的后代。

      new 操作符:

      new運算符用于創建對象的實例。要創建一個對象,new運算符后面是構造方法。

      在下面的例子中,構造方法Object(), Array(), 和 Date().。這些構造函數是內置的 JavaScript 函數。

      var employee = new Object();var books = new Array("C++", "Perl", "Java");var day = new Date("August 15, 1947");

      Object() 構造函數:

      構造函數是用來創建和初始化對象的函數。 JavaScript提供了一個特殊的構造函數調用Object()來構建的對象。Object()構造的返回值被分配給一個變量。

      變量包含一個引用到新的對象。分配給該對象的屬性是不變量,并且不使用var關鍵字來定義。

      示例 1:

      這個例子演示了如何創建一個對象:

      var book = new Object(); // Create the object book.subject = "Perl"; // Assign properties to the object book.author = "Mohtashim";

      document.write("Book name is : " + book.subject + ""); document.write("Book author is : " + book.author + "");

      示例 2:

      這個例子演示如何創建一個對象,一個用戶定義的函數。此處this關鍵字用于指已傳遞給函數的對象:

      function book(title, author){ this.title = title; this.author = author;}

      var myBook = new book("Perl", "Mohtashim"); document.write("Book title is : " + myBook.title + ""); document.write("Book author is : " + myBook.author + "");

      定義方法的對象:

      前面的示例演示了如何構造函數創建對象并分配屬性。但是,我們需要通過分配方法,以它來完成一個對象的定義。

      例子:

      下面是一個簡單的例子來說明如何與一個對象添加一個函數:

      // Define a function which will work as a methodfunction addPrice(amount){ this.price = amount; }function book(title, author){ this.title = title; this.author = author; this.addPrice = addPrice; // Assign that method as property.}

      var myBook = new book("Perl", "Mohtashim"); myBook.addPrice(100); document.write("Book title is : " + myBook.title + ""); document.write("Book author is : " + myBook.author + ""); document.write("Book price is : " + myBook.price + "");

      with 關鍵字:

      with關鍵字作為一種速記的引用對象的屬性或方法。

      指定為參數的對象就成為接下來的塊的持續時間的默認對象。為對象的屬性和方法可以在不命名的對象。

      語法

      with (object){ properties used without the object name and dot}

      例子:

      // Define a function which will work as a methodfunction addPrice(amount){ with(this){ price = amount; }}function book(title, author){ this.title = title; this.author = author; this.price = 0; this.addPrice = addPrice; // Assign that method as property.}

      var myBook = new book("Perl", "Mohtashim"); myBook.addPrice(100); document.write("Book title is : " + myBook.title + ""); document.write("Book author is : " + myBook.author + ""); document.write("Book price is : " + myBook.price + "");

    【深入理解JavaScript中的對象的介紹】相關文章:

    javascript面向對象中的對象怎么理解09-02

    有關深入理解JavaScript中的并行處理的介紹10-14

    javascript克隆對象深度介紹07-25

    JavaScript中的三種對象10-24

    對javascript的理解08-08

    淺談javascript中的單線程理解08-16

    Javascript中arguments對象的詳解和使用方法08-20

    淺談如何深入學習Javascript中的this關鍵字08-19

    理解JavaScript原型鏈教程09-02

    使用ajax操作JavaScript對象的方法09-28

    91久久大香伊蕉在人线_国产综合色产在线观看_欧美亚洲人成网站在线观看_亚洲第一无码精品立川理惠

      中文乱码激情视频 | 思思re久久精品66在热线热 | 久久777香蕉电影 | 五月定向久久可爱视频 | 亚洲国产一级视频免费观看 | 日本中文字幕亚洲乱 |