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

static（）メソッド内でJavaScriptオブジェクトを使用していますか？

実際、オブジェクトを使おうとすると、結果は無駄になります。 静的メソッド内 。ただし、オブジェクトがパラメータとして送信されると、オブジェクトにアクセスできます。一言で言えばそれについて話し合いましょう。

例-1

次の例では、オブジェクト「 myComp」を使用しようとしました 「パラメータとして送信するのではなく、直接送信する したがって、結果は得られません。 ブラウザコンソールを開くと 「myComp.comp（）は関数ではありません」というエラーが表示されます "。実際の結果を取得するには、オブジェクトをパラメータとして送信する必要があります 例2に示すように 

<html>
<body>
<p id="method"></p>
<script>
   class Company {
      constructor(branch) {
         this.name = branch;
      }
      static comp() {
         return "Tutorix is the best e-learning platform"
      }
   }
   myComp = new Company("Tesla");
   document.getElementById("method").innerHTML = myComp.comp();
</script>
</body>
</html>

例-2

次の例では、オブジェクト パラメータとして送信されます 。したがって、出力に示されているようになります。

<html>
<body>
<p id="method"></p>
<script>
   class Company {
      constructor(branch) {
         this.name = branch;
      }
      static comp(val) {
         return "Elon musk is the head of " + val.name
      }
   }
   myComp = new Company("Tesla");
   document.getElementById("method").innerHTML = Company.comp(myComp);
</script>
</body>
</html>

出力

Elon musk is the head of Tesla

  1. オブジェクトのメソッドをJavaScriptのクリックハンドラーにバインドする

    以下は、JavaScriptでオブジェクトのメソッドをクリックハンドラーにバインドするためのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> &

  2. JavaScriptを使用した配列内のネストされたオブジェクト値の合計

    以下は、JavaScriptを使用して配列内のネストされたオブジェクト値を合計するコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <st