<pre id="bbfd9"><del id="bbfd9"><dfn id="bbfd9"></dfn></del></pre>

          <ruby id="bbfd9"></ruby><p id="bbfd9"><mark id="bbfd9"></mark></p>

          <p id="bbfd9"></p>

          <p id="bbfd9"><cite id="bbfd9"></cite></p>

            <th id="bbfd9"><form id="bbfd9"><dl id="bbfd9"></dl></form></th>

            <p id="bbfd9"><cite id="bbfd9"></cite></p><p id="bbfd9"></p>
            <p id="bbfd9"><cite id="bbfd9"><progress id="bbfd9"></progress></cite></p>

            介紹一下Prototype的$()函數,$F()函數,$A()函數都是什

            時間:2020-11-27 09:18:57 筆試經驗 我要投稿

            介紹一下Prototype的$()函數,$F()函數,$A()函數都是什么作用

              $() 方法是在DOM中使用過于頻繁的 document.getElementById() 方法的一個便利的簡寫,就像這個DOM方法一樣,這個方法返回參數傳入的id的那個元素。

              $F()函數是另一個大收歡迎的“快捷鍵”,它能用于返回任何表單輸入控件的值,比如text box,drop-down list。這個方法也能用元素id或元素本身做為參數。

              $A()函數能把它接收到的單個的參數轉換成一個Array對象。

              拓展:

              函數:原型

              每一個構造函數都有一個屬性叫做原型(prototype,下面都不再翻譯,使用其原文)。這個屬性非常有用:為一個特定類聲明通用的變量或者函數。

              prototype的定義

              你不需要顯式地聲明一個prototype屬性,因為在每一個構造函數中都有它的存在。你可以看看下面的例子:

              給prototype添加屬性

              就如你在上面所看到的,prototype是一個對象,因此,你能夠給它添加屬性。你添加給prototype的屬性將會成為使用這個構造函數創建的對象的通用屬性。

              例如,我下面有一個數據類型Fish,我想讓所有的`魚都有這些屬性:livesIn="water"和price=20;為了實現這個,我可以給構造函數Fish的prototype添加那些屬性。

              接下來讓我們作幾條魚:

              CODE:

              var fish1=new Fish("mackarel", "gray");

              var fish2=new Fish("goldfish", "orange");

              var fish3=new Fish("salmon", "white");

              再來看看魚都有哪些屬性:

              CODE:

              for (int i=1; i<=3; i++)

              {

              var fish=eval_r("fish"+i); // 我只是取得指向這條魚的指針

              alert(fish.name+","+fish.color+","+fish.livesIn+","+fish.price);

              }

              輸出應該是:

              CODE:

              "mackarel, gray, water, 20"

              "goldfish, orange, water, 20"

              "salmon, white water, 20"

              你看到所有的魚都有屬性livesIn和price,我們甚至都沒有為每一條不同的魚特別聲明這些屬性。這時因為當一個對象被創建時,這個構造函數將會把它的屬性prototype賦給新對象的內部屬性__proto__。這個__proto__被這個對象用來查找它的屬性。

              你也可以通過prototype來給所有對象添加共用的函數。這有一個好處:你不需要每次在構造一個對象的時候創建并初始化這個函數。為了解釋這一點,讓我們重新來看Example DT9并使用prototype來重寫它:

              用prototype給對象添加函數

              我們可以象通常那樣創建對象:

              CODE:

              var boss1=new Employee("Joan", 200000);

              var boss2=new Employee("Kim", 100000);

              var boss3=new Employee("Sam", 150000);

              并驗證它:

              CODE:

              alert(boss1.getSalary()); // 輸出 200000

              alert(boss2.getSalary()); // 輸出 100000

              alert(boss3.getSalary()); // 輸出 150000

              這里有一個圖示來說明prototype是如何工作的。這個對象的每一個實例(boss1, boss2, boss3)都有一個內部屬性叫做__proto__,這個屬性指向了它的構造器(Employee)的屬性prototype。當你執行 getSalary或者addSalary的時候,這個對象會在它的__proto__找到并執行這個代碼。注意這點:這里并沒有代碼的復制(和 Example DT8的圖表作一下對比)。

            【介紹一下Prototype的$()函數,$F()函數,$A()函數都是什么作用】相關文章:

            tatic函數與普通函數的區別12-20

            ASP函數類型介紹11-11

            介紹一下mysql的日期和時間函數01-06

            函數指針的定義是什么12-19

            javascript函數詳解11-18

            編寫JavaScript函數11-14

            excel函數有哪些種類-函數種類知識08-13

            Javascript 函數的學習11-16

            PHP的壓縮函數11-15

            簡單介紹php構造函數用法09-18

                    <pre id="bbfd9"><del id="bbfd9"><dfn id="bbfd9"></dfn></del></pre>

                    <ruby id="bbfd9"></ruby><p id="bbfd9"><mark id="bbfd9"></mark></p>

                    <p id="bbfd9"></p>

                    <p id="bbfd9"><cite id="bbfd9"></cite></p>

                      <th id="bbfd9"><form id="bbfd9"><dl id="bbfd9"></dl></form></th>

                      <p id="bbfd9"><cite id="bbfd9"></cite></p><p id="bbfd9"></p>
                      <p id="bbfd9"><cite id="bbfd9"><progress id="bbfd9"></progress></cite></p>
                      飘沙影院