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

独自のプロトタイプを使用してJavaScriptオブジェクトにアクセスするにはどうすればよいですか?


既存のオブジェクトにアクセスできます t「Object.create()」と呼ばれるjavascriptメソッドを使用して独自のプロトタイプを作成する "。このメソッドを使用すると、既存のプロパティから新しく作成されたプロトタイプにプロパティを継承できます。簡単に説明しましょう。

構文
Object.create(existing obj);

このメソッドは、既存のオブジェクトを取得して独自のプロトタイプを作成し、プロパティが継承されるようにします。 既存のオブジェクトから 新しく作成されたプロトタイプに 。

次の例では、最初は「 person」という名前のオブジェクトです。 "が作成され、" Object.createを使用します 「独自のプロトタイプが作成され、変数に割り当てられます」 newper "。後で、プロトタイプを使用して、既存のオブジェクトのオブジェクトが変更され、出力に示されているように新しいプロパティが表示されました。

<html>
<body>
<script>
   var person = {
      name: "Karthee",
      profession : "Actor",
      industry: "Tamil"
   };
   document.write(person.name);
   document.write("</br>");
   document.write(person.profession);
   document.write("</br>");
   document.write(person.industry);
   document.write("</br>");
   document.write("Using a prototype the properties of the existing object have been 
   changed to the following");
   document.write("</br>");
   var newper = Object.create(person); /// creating prototype
   newper.name = "sachin";
   newper.profession = "crickter";
   newper.industry = "sports";
   document.write(newper.name);
   document.write("</br>");
   document.write(newper.profession);
   document.write("</br>");
   document.write(newper.industry);
</script>
</body>
</html>

出力

Karthee
Actor
Tamil
Using a prototype the properties of the existing object have been changed to the following
sachin
crickter
sports

  1. JavaScriptを使用してURLオブジェクトを作成するにはどうすればよいですか?

    以下は、JavaScriptを使用してURLオブジェクトを作成するためのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style&g

  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> <