создание объекта





js/script.js
  • //1 variant
  • var Obj1 = {};
  • Obj1.val = 5;
  • Obj1.str = 'Hello World!';
  • Obj1.fun = function() {
  •  for(var i=0; i<this.val; i++) {
  •   document.write(this.str + '<br />');
  •  }
  • }
  •  
  • //2 variant
  • var Obj2 = {
  •  val: 5,
  •  str: 'Hello World!',
  •  fun: function() {
  •   for(var i=0; i<this.val; i++) {
  •    document.write(this.str + '<br />');
  •   }
  •  }
  • };
  •  
  • //3 variant
  • var Obj3 = new Object();
  • Obj3.val = 5;
  • Obj3.str = 'Hello World!';
  • Obj3.fun = function() {
  •  for(var i=0; i<this.val; i++) {
  •   document.write(this.str + '<br />');
  •  }
  • }
  •  
  • function funMake() {
  •  document.write(Obj1.str + '<br />');
  •  document.write(Obj1.val + '<br />');
  •  Obj1.fun();
  •  document.write('<br /><br />');
  •  document.write(Obj2.str + '<br />');
  •  document.write(Obj2.val + '<br />');
  •  Obj2.fun();
  •  document.write('<br /><br />');
  •  document.write(Obj3.str + '<br />');
  •  document.write(Obj3.val + '<br />');
  •  Obj3.fun();
  • }
  • //1 variant
  • var Obj1 = {};
  • Obj1.val = 5;
  • Obj1.str = 'Hello World!';
  • Obj1.fun = function() {
  •  for(var i=0; i<this.val; i++) {
  •   document.write(this.str + '<br />');
  •  }
  • }
  •  
  • //2 variant
  • var Obj2 = {
  •  val: 5,
  •  str: 'Hello World!',
  •  fun: function() {
  •   for(var i=0; i<this.val; i++) {
  •    document.write(this.str + '<br />');
  •   }
  •  }
  • };
  •  
  • //3 variant
  • var Obj3 = new Object();
  • Obj3.val = 5;
  • Obj3.str = 'Hello World!';
  • Obj3.fun = function() {
  •  for(var i=0; i<this.val; i++) {
  •   document.write(this.str + '<br />');
  •  }
  • }
  •  
  • function funMake() {
  •  document.write(Obj1.str + '<br />');
  •  document.write(Obj1.val + '<br />');
  •  Obj1.fun();
  •  document.write('<br /><br />');
  •  document.write(Obj2.str + '<br />');
  •  document.write(Obj2.val + '<br />');
  •  Obj2.fun();
  •  document.write('<br /><br />');
  •  document.write(Obj3.str + '<br />');
  •  document.write(Obj3.val + '<br />');
  •  Obj3.fun();
  • }


index.html
  • <!DOCTYPE html>
  • <html>
  • <head>
  •  <meta charset="utf-8" />
  •  <title>New Page</title>
  •  <script src="js/script.js"></script>
  • </head>
  • <body>
  • <script>
  •  funMake();
  • </script>
  • </body>
  • </html>
  • <!DOCTYPE html>
  • <html>
  • <head>
  •  <meta charset="utf-8" />
  •  <title>New Page</title>
  •  <script src="js/script.js"></script>
  • </head>
  • <body>
  • <script>
  •  funMake();
  • </script>
  • </body>
  • </html>