JavaScript中with、this用法

最後更新：2018-12-06 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

JavaScript中with、this用法小結

with 語句為一個或一組語句指定預設對象。
用法：with (<對象>) <語句>;
with 語句通常用來縮短特定情形下必須寫的代碼量。在下面的例子中，請注意 Math 的重複使用：
x = Math.cos(3 * Math.PI) + Math.sin(Math.LN10);
y = Math.tan(14 * Math.E);
當使用 with 語句時，代碼變得更短且更易讀：
with (Math) {
   x = cos(3 * PI) + sin(LN10);
   y = tan(14 * E);
}
this 對象返回“當前”對象。在不同的地方，this 代表不同的對象。如果在 JavaScript 的“主程式”中（不在任何 function 中，不在任何事件處理常式中）使用 this，它就代表 window 對象；如果在 with 語句塊中使用 this，它就代表 with 所指定的對象；如果在事件處理常式中使用 this，它就代表發生事件的對象。
一個常用的 this 用法：
<script>
...
function check(formObj) {
   ...
}
...
</script>
<body ...>
...
<form ...>
...
<input type="text" ... onchange="check(this.form)">
...
</form>
...
</body>
這個用法常用於立刻檢測表單輸入的有效性。
---------------------------------------------
javascript 中this 的用法:
1.<div onclick="// 可以在裡面使用this">division element</div> this 指向div
2.    <div id="elmtDiv">division element</div>
       <script language="javascript">
        var div = document.getElementById('elmtDiv');
        div.attachEvent('onclick', EventHandler); //attachEvent把div的onclick事件和一個方法綁定
         function EventHandler()
         {
         // 在此使用this
          }
        </script>在此this 指向window對象,若要引用div對象this.event.srcElement;
3、用DHTML方式在事件處理函數中使用this關鍵字：
<div id="elmtDiv">division element</div>
<script language="javascript">
var div = document.getElementById('elmtDiv');
div.onclick = function()
{
    // 在此使用this
};
</script>產生的方法同上,但此處的this 指向div
4、類定義中使用this關鍵字：
function JSClass()
{
      var myName = 'jsclass';
      this.m_Name = 'JSClass';
}
JSClass.prototype.ToString = function()
{
      alert(myName + ', ' + this.m_Name);
};
var jc = new JSClass();
jc.ToString();//這是JavaScript類比類定義中對this的使用，這個和其它的OO語言中的情況非常的相識。但是這裡要求成員屬性和方法必須使用this關鍵字來引用，運行上面的程式會被告知myName未定義。
5、為指令碼引擎內部對象添加原形方法中的this關鍵字：
Function.prototype.GetName = function()
{
      var fnName = this.toString();
      fnName = fnName.substr(0, fnName.indexOf('('));
      fnName = fnName.replace(/^function/, '');
      return fnName.replace(/(^\s+)|(\s+$)/g, '');
}
function foo(){}
alert(foo.GetName());    //這裡的this指代的是被添加原形的類的執行個體，和4中類定義有些相似，沒有什麼太特別的地方。

#【js+jquery+ajax】

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More