Статья объектно-ориентированного программирования JavaScript, часть 2

 function Library(){  this.books = new Array(arguments.length);  for(i=0;i<arguments.length;i++){    this.books[i] = arguments[i];  } 

Первое, что вы можете заметить об этой функции, это то, что она не имеет параметров. Это потому, что он принимает только объекты Book , хотя мы не знаем, сколько их. Он создает свойство объекта Library , books , в котором хранятся объекты Array of Book . Допустим, мы хотели получить доступ к первому в списке автора книги. Мы могли бы использовать:

 this.books[ bookIndex ].authors[0] 

Сначала мы получаем доступ к свойству book библиотеки, которое является объектом Array . Затем мы получаем доступ к определенному объекту Book . Из этого объекта Book мы получаем доступ к свойству authors , которое является массивом. Наконец, мы получаем доступ к определенному объекту Person . И оттуда мы можем перейти к свойству firstName или lastName объекта Person . Обратите внимание, что bookIndex — это индекс книги, к которой мы хотим получить доступ.

Теперь это единственное свойство, которое будет содержать наш объект Library . Остальные будут методы:

 this.totalPrice = function(){  var totalCost = 0;  for(i=0;i<this.books.length;i++){    totalCost += this.books[i].price;  }  return totalCost;  } 

Этот метод перебирает наше свойство books , которое является объектом Array , берет цену каждого объекта Book складывает ее и, наконец, возвращает значение.

 this.averagePrice = new Function("return this.totalPrice  ()/this.books.length"); 

Этот метод берет общую стоимость всех наших книг и делит ее на количество книг, которые у нас есть, чтобы узнать среднюю цену наших книг. Итак, как только мы создадим объект Library , как мы добавим к нему больше книг? Нам нужно создать еще одну функцию:

 this.addBook = new Function("book", "this.books.push(book)"); 

Это использует встроенный метод Array , push() . Метод push() добавляет значение или объект, переданный в качестве аргумента, к его объекту Array , при этом обязательно изменяя свойство length Array . Наконец, мы создадим метод для отображения имен авторов в нашей библиотеке. Этот метод довольно длинный, поэтому я разделю его:

 this.getAuthors = function(){  var toSay = "Your favorite authors are:n"; 

Это создает метод, который мы будем использовать для получения списка авторов. Переменная toSay будет содержать строку того, что возвращает этот метод.

 for(i=0;i<this.books.length;i++){  for(j=0; j<this.books[i].authors.length;  j++){    var authName =    this.books[i].authors[j].firstName + " " +    this.books[i].authors[j].lastName; 

Эта часть кода проходит по всем книгам, а затем проходит по всем авторам этой книги, помещая их имена в переменную authName .

 if(toSay.indexOf(authName)!=-1) continue;  toSay+="nt"+authName; 

Если этот автор уже находится в переменной toSay , мы не хотим добавлять его снова, поэтому продолжаем просматривать авторов этой книги. Однако, если автора еще нет в списке, мы можем добавить его или ее в переменную toSay .

       }    }    return toSay;  }  } 

Это закрывает два цикла for мы открыли, и возвращает переменную toSay . Он также закрывает метод, который мы определили, getAuthors() , а также закрывает конструктор Library() . Теперь давайте соберем весь код и создадим новый объект Library :

 // define our Person() constructor  function Person(lastName, firstName){  this.lastName = lastName;  this.firstName = firstName;  }  // define our Book() constructor  function Book(title, pages, price){  this.title = title;  this.pages = pages;  this.price = price;  this.authors = new Array(arguments.length-3);  for(i=0;i<arguments.length-3;i++){    this.authors[i] = arguments[i+3];  }  }  //define our Library() constructor  function Library(){  this.books = new Array(arguments.length);  for(i=0;i<arguments.length;i++){    this.books[i] = arguments[i];  }   this.totalPrice = function(){    var totalCost = new Number(0);    for(i=0;i<this.books.length;i++){      totalCost += this.books[i].price;    }  return totalCost;  }   this.averagePrice = new Function("return  this.totalPrice()/this.books.length");   this.addBook = new  Function("book","this.books.push(book)");   this.getAuthors = function(){    var toSay = "Your favorite authors are:n";    for i=0;i<this.books.length;i++){      for(j=0;j<this.books[i].authors.length;j++){        var authName =        this.books[i].authors[j].firstName + " " +        this.books[i].authors[j].lastName;        if(toSay.indexOf(authName)!=-  1)continue;        toSay+="nt"+authName;      }    }  return toSay;  }  }  // create some Person objects  DnnyGdmn = new Person("Goodman","Danny");  DvdFlngn = new Person("Flanagan","David");  TmMyrs = new Person("Myers","Tom");  AlxNkmvsky = new Person("Nakhimovsky","Alexander");  // create some Book objects  JavaNut = new Book("Java Foundation Classes in a  Nutshell",731,29.95,DvdFlngn);  JSTDR = new Book("Javascript: The Definitive Guide (3rd  Edition)",776,39.95,DvdFlngn);  JSBible = new Book("Javascript Bible, 4th  Edition",1200,49.99,DnnyGdmn);  DHTMLTDR = new Book("Dynamic Html: The Definitive  Reference",1073,44.95,DnnyGdmn);  JSObj = new Book("JavaScript  Objects",450,39.99,TmMyrs,AlxNkmvsky);  // create a Library object  myLib = new Library(JavaNut,JSTDR,JSBible,DHTMLTDR); 

К сожалению, мы пропустили книгу объектов JavaScript. Нам лучше добавить это:

 myLib.addBook(JSObj); 

Теперь мы можем получить информацию, например, сколько стоит наша библиотека книг, средняя цена книги и имена авторов, написавших различные книги, которыми мы владеем. Вот и все! Мы завершили сложный пример ООП с помощью JavaScript. Возможно, вы захотите вернуться к любому непонятному коду или не стесняйтесь опубликовать вопрос на форуме по написанию сценариев на стороне клиента на SitePointForums.com .

 function Square(){  }  var squareObj = new Square();  Square.prototype.side = 5;  var squareObj2 = new Square();  alert(squareObj.side); // displays 5  alert(squareObj2.side); // displays 5 

 function Square(){  this.side=5;  }  var squareObj = new Square();  Square.prototype.side = 4;  var squareObj2 = new Square();  alert(squareObj.side); // displays 5  alert(squareObj2.side); // displays 5 

 function consonantize(){  var consonants ="";  for(i=0;i<this.length;i++){    var l = this.charAt(i);    if(l!="a" && l!="A" && l!="e" && l!="E" &&    l!="i" && l!="I" && l!="o" && l!="O" && l!="u" && l!="U" && l!="  "){      consonants+=l;    }  }  return consonants;  } 

 String.prototype.consonantize = consonantize;  var dg = "Danny Goodman";  var df = new String("David Flanagan");  alert(dg.consonantize());  alert(df.consonantize()); 

 function myConstructor(){  }  var str = new String("Some String");  var obj = new Object();  var myObj = new myConstructor();  alert(str.constructor); // the native String() constructor  alert(String) // the native String() constructor  alert(obj.constructor); // the native Object() constructor  alert(Object) // the native Object() constructor  alert(myObj.constructor); // the user-defined myConstructor() constructor  alert(myConstructor); // the user-defined myConstructor() constructor 

 alert(typeof str.constructor); // "function"  alert(typeof String) // "function"  alert(typeof obj.constructor); // "function"  alert(typeof Object) // "function"  alert(typeof myObj.constructor); // "function"  alert(typeof myConstructor); // "function" 

 function myConstructor(){  var x = "y";  this.x = "x";  return x;  }  var myObj = new myConstructor();  alert(myObj.constructor); // the myConstructor() function object  alert(myObj.constructor()); // "y" 

 alert(myConstructor.constructor);  alert(myObj.constructor.constructor);  alert(myConstructor.constructor.constructor);  alert(myObj.constructor.constructor.constructor); 

 var primitiveString1 = "This is a primitive string";  var primitiveString2 = String("This is a primitive string");  var stringObject = new String("This is a String object");  primitiveString1.prop = "This is a property";  primitiveString2.prop = "This is a property";  stringObject.prop = "This is a property";  alert(primitiveString1.prop) // "undefined"  alert(primitiveString2.prop) // "undefined"  alert(stringObject.prop) // "This is a property"  alert(typeof primitiveString1); // "string"  alert(typeof primitiveString2); // "string"  alert(typeof stringObject) // "object"  alert(primitiveString1.constructor); // "function String(){  [native code] }"  alert(primitiveString2.constructor); // "function String(){  [native code] }"  alert(stringObject.constructor); // "function String(){  [native code] }" 

 var myStringObj = new String("This is a String object");  myStringObj.prop = "This is a property of the object I created";  alert(myStringObj.prop) // "This is a property of the object I created" 

 function myFunc(param){  param.property = "I want to add this property";  alert(param.property); // "undefined"  } 

 myFunc(new String("This is a String object"));  myFunc(new Number(5)); 

 function myFunc(param){  param = new param.constructor(param);  param.property = "I want to add this property";  alert(param.property); // returns "I want to add this property"  } 

 var myNum = 5;  myNum = new Number(5); 

 var myNum = 5;  myNum = new myNum.constructor(5); 

 var myNum = 5;  myNum = new myNum.constructor(myNum); 

 function Car(color){  this.wheels = 4;  this.doors = 4;  this.color = color;  this.speed = 0;  this.accelerate = function(){    this.speed+=20;  }  this.brake = function(){    this.speed-=20;  }  }  function Corvette(color){  // all of Car properties/methods  this.doors = 2;  this.color = color;  this.accelerate = function(){    this.speed+=40;  }  }  function Ares(color){  // all of Car properties/methods  this.doors = 2;  this.color = color;  this.accelerate = function(){    this.speed+=10;  }  this.brake = function(){    this.speed-=10;  }  }  var myCar = new Car("white");  var myCorvette = new Corvette("black");  var myAres = new Ares("red"); 

 Corvette.prototype.wheels = 4;  Corvette.prototype.speed = 0;  Corvette.prototype.brake = function(){  this.speed-=20;  } 

 Corvette.prototype = new Car(); 

 Ares.prototype = new Car(); 

 function Car(color){  this.wheels = 4;  this.doors = 4;  this.color = color;  this.speed = 0;  this.accelerate = function(){    this.speed+=20;  }  this.brake = function(){    this.speed-=20;  }  }  function Corvette(color){  this.doors = 2;  this.color = color;  this.accelerate = function(){    this.speed+=40;  }  }  Corvette.prototype = new Car();  function Ares(color){  this.doors = 2;  this.color = color;  this.accelerate = function(){    this.speed+=10;  }  this.brake = function(){    this.speed-=10;  }  }  Ares.prototype = new Car();  var myCar = new Car("white");  var myCorvette = new Corvette("black");  var myAres = new Ares("red");