Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

JavaScriptで「with」キーワードを使用するにはどうすればよいですか?


withキーワードは、オブジェクトのプロパティまたはメソッドを参照するための一種の省略形として使用されます。

withの引数として指定されたオブジェクトは、後続のブロックの期間中、デフォルトのオブジェクトになります。オブジェクトのプロパティとメソッドは、オブジェクトに名前を付けなくても使用できます。

構文 withオブジェクトの構文は次のとおりです-

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

次のコードを学習して、キーワード-

を使用して実装する方法を学ぶことができます。 ライブデモ

<html>
   <head>
      <title>User-defined objects</title>
      <script>
         // Define a function which will work as a method
         function 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.
         }
      </script>
   </head>
   <body>
      <script type="text/javascript">
         var myBook = new book("Python", "Tutorialspoint");
         myBook.addPrice(100);

         document.write("Book title is : " + myBook.title + "<br>");
         document.write("Book author is : " + myBook.author + "<br>");
         document.write("Book price is : " + myBook.price + "<br>");
      </script>
   </body>
</html>

出力

Book title is : Python
Book author is : Tutorialspoint
Book price is : 100

  1. JavaScriptでキャンバスに描画する方法は?

    HTMLキャンバスへの描画は、JavaScriptを使用して行います。キャンバスに描画する前に、HTML DOMメソッドgetElementById()およびgetContext()を使用してください。 そのためには、いくつかの手順に従います- キャンバス要素を見つけるには、getElementById()メソッドを使用する必要があります。 キャンバスの描画オブジェクトであるgetContext()を使用します。描画のメソッドとプロパティを提供します。 その後、キャンバスに描画します。 例 次のコードを実行して、JavaScriptでキャンバスを描画してみてください- <!D

  2. JavaScriptでオブジェクトの長さを取得するにはどうすればよいですか?

    長さ プロパティは配列にのみ適用されます および文字列 。したがって、長さと呼ぶとき オブジェクトのプロパティ 未定義になります 。 例 <html> <body> <script>    var object = {prop:1, prop:2};    document.write(object.length); </script> </body> </html> 出力 undefined 一方、配列 および文字列 長さのときに長さを表示します プロパティが使用されます。 例