Prototype 1.6.0 rc

�� . �� .

�� -�� Prototype 1.6.0 �� ! core team �� API �� . �� , �� , �� .

�� Event API

�� 1.6.0 �� "�� " �� , � �� - �� API �� . ��, ��, �� :

�� , �� Event.observe �� Element#observe, �� . �� , �� , �� . �� .
Event-�� �� . �� event.stop() �� Event.stop(event). �� , event-�� WC3-��, �� event.target �� Event.element(event).
�� Event.stopObserving � Element#stopObserving �� , �� .
�� (�� -�� ) �� .
Prototype �� . �� DOM �� Element#fire � �� memo ��(��. ��. - ��, �� ). �� Prototype �� DOM, �� . �� , �� . �� document �� .
```
<div id="container">

  <h1><span id="title">Release notes</span></h1>
  ...
</div>
```
```
$("container").observe("titleChanged", function(event) {
  this.highlight({ duration: 0.5 });
});

$("title").fire("titleChanged");
```
�� -�� DOMContentLoaded �� �� , �� , �� :
```
document.observe ("contentloaded", function(){ ... })
```

�� Function API

�� Function.prototype �� -�� .

Function#wrap �� -�� , �� , �� , �� . �� wrap �� String:
```
String.prototype.capitalize = String.prototype.capitalize.wrap( 
  function(proceed, eachWord) { 
    if (eachWord && this.include(" ")) {
      // capitalize each word in the string
      return this.split(" ").invoke("capitalize").join(" ");
    } else {
      // proceed using the original function
      return proceed(); 
    }
  }); 

"hello world".capitalize()     // "Hello world" 
"hello world".capitalize(true) // "Hello World"
```
�� , �� jQuery-�� . ($$(�div.widget�).show().highlight()) �� 40 �� $$ � Element.addMethods.
Function#curry �� (partial function application), �� Function#bind, �� .
```
function sum(a, b) {
  return a + b;
}

sum(10, 5) // 15
var addTen = sum.curry(10);
addTen(5)  // 15
```
Function#methodize �� this-��.
```
function addBorder(element, color) {
  return $(element).setStyle({ 
    border: "3px solid " + (color || "red")
  });
}

addBorder("sidebar", "#ddd");
$("sidebar").addBorder = addBorder.methodize();
$("sidebar").addBorder("#888");
```
Prototype �� methodize ��; �� , �� Math �� Number:
```
$w("abs round ceil floor").each(function(method) { 
  Number.prototype[method] = Math[method].methodize();
}); 
```
Function#argumentNames �� , �� , �� toString() ��.

Function#delay �� window.setTimeout, � Function#defer - �� delay � 10ms ��.

// �������� ����� "busy" ����� ���� �������
(function() { $("form").addClassName("busy") }).delay(1);
//  ������� ������� "requestSent" ����������
(function() { $("form").fire("requestSent") }).defer();

�� Class API

�� "��" API � �� 1.0, � �� . �� API.

Class.create �� 3 �� : �� , �� (��. ��. - �� ) � �� , �� .
�� Class.extend �� Object.extend, �� .
�� , �� , �� $super. �� Function#wrap (�� Function#wrap).
```
var Animal = Class.create({
  initialize: function(name) {
    this.name = name;
  },
  eat: function() {
    return this.say("Yum!");
  },
  say: function(message) {
    return this.name + ": " + message;
  }
});

// subclass that augments a method
var Cat = Class.create(Animal, {
  eat: function($super, food) {
    if (food instanceof Mouse) return $super();
    else return this.say("Yuk! I only eat mice.");
  }
});
```
�� constructor, superclass, � subclasses �� �� .

�� Ajax API

�� JSON Ajax.Request-�� Prototype 1.6.0:

�� JSON �� JavaScript ��, �� responseJSON ��-��. (JSON �� Content-type �� application/json.)
```
new Ajax.Request("/people/5.json", {        // >> GET /people/5.json HTTP/1.1
  onSuccess: function(transport) {          // << Content-type: application/json
    var person = transport.responseJSON;    // << { id: 5, name: "Tobie Langel", 
    person.city  // "Geneva"                // <<   city: "Geneva", ... }
    ...
  }, method: "get" 
});
```
�� Prototype-�� � �� Ajax.Response, �� responseJSON �� . Ajax.Response � �� 2 �� , �� , getHeader � getAllHeaders; �� request � transport; � �� -�� .

�� Ajax.Request:

sanitizeJSON (true �� ) �� , �� .
evalJSON (true �� ) �� JSON ��, �� Content-type �� application/json � �� responseJSON ��-��.
evalJS (true �� ) �� JavaScript, �� Content-type ��  text/javascript �� -�� .

�� DOM API

Prototype �� -�� DOM Builder-�� :

new Element("input", { name: "user", disabled: true });
//-> <input name="user" disabled="disabled" />

DOM �� Element#writeAttribute, �� DOM API, �� -�� .

Insertion �� Position ��  � �� . �� Element. Element#insert �� (DOM ��, HTML ��, �� , �� ):


$("items").insert({ after: new Element("p") });
$("items").insert({ top: "<li>an item</li>" });
$("items").insert("<li>another item</li>"); // defaults to bottom

�� insert �� , �� toHTML �� toElement, �� HTML �� DOM �� .


var Calendar = Class.create({
  // ...,
  toElement: function() {
    var container = new Element("div");
    // ...
    return container;
  }
});

$("sidebar").insert(new Calendar());
// same as $("sidebar").insert({ bottom: new Calendar() }) or
//         $("sidebar").insert({ bottom: new Calendar().toElement() })

Element#update � Element#replace �� DOM �� �� toHTML �� toElement. �� <table>- � <select>-�� (related) �� IE � Opera 9.
Element#setStyle �� CSS �� (�� ), �� /��.

$("header").setStyle("font-size: 12px; float: left; opacity: 0.5"); �� : uncamelized-�� . �� : $("header").setStyle({ "font-size": "12px" }); �� : $("header").setStyle({ fontSize: "12px" }); $("header").setStyle("font-size: 12px"); Element#identify - �� , �� , �� , �� (� �� anonymous_element_� + �� ): <div id="my_div"> <p>some content</p> </div> $("my_div").identify(); // -> "my_div" $("my_div").down().identify(); // -> "anonymous_element_1" <div id="my_div"> <p id="anonymous_element_1">some content</p> </div> Element#wrap - �� DOM ��: <img id="my_img" /> <span id="my_span">a picture</span> $("my_img").wrap(); $("my_span").wrap('p', { className: "caption" }); <div><img id="my_img" /></div> <p class="caption"><span id="my_span">a picture</span></p> �� document.viewport �� : document.viewport.getDimensions() // { width: 1149, height: 923 } document.viewport.getWidth() // 1149 document.viewport.getHeight() // 923 document.viewport.getScrollOffsets() // { left: 0, top: 1592 } �� API ��. �� String#interpolate, �� , �� Template, � �� . "#{last}, #{first}".interpolate({ first: "Andrew", last: "Dupont" }) // "Dupont, Andrew" �� String#interpolate �� Template#evaluate �� toTemplateReplacements, �� . �� , �� "��" �� "��" (�� , � ��). "#{name.last}, #{name.first[0]}. (#{location})".interpolate({ name: { first: "Christophe", last: "Porteneuve" }, location: "Paris" }) // "Porteneuve, C. (Paris)" �� grep-� Prototype 1.6.0 �� Enumerable#grep: �� , �� match, �� Enumerable; �� true, �� , �� grep-��. �� , �� grep-�, �� match. �� , �� DOM �� , �� , �� CSS ��: elements.grep(new Selector("div.widget:first-child")) �� RegExp#test � RegExp#match, �� , �� . �� Ruby �� ===. �� JavaScript 1.6 � WHATWG 1.0 �� -�� JavaScript 1.6 � Web WHATWG 1.0 �� . Array#indexOf �� , �� . Enumerable �� Array#forEach �� Array#_each, �� . Enumerable �� JavaScript 1.6 filter , entries , every , and some , �� findAll , toArray , all , and any , ��. �� Enumerable �� , context, ��, �� , �� , �� Array � JavaScript 1.6. Element#getElementsByClassName �� , �� , �� WHATWG � �� Firefox 3. �� getElementsByClassName �� , �� . ... � �� ; �� CHANGELOG �� . �� API � �� . �� , �� , � mailing ��, � � �� , �� (�� ). �� Prototype 1.6.0_rc0 �� API, �� API � �� , �� . Download �� Prototype 1.6.0_rc0 �� Prototype �� rails-spinoffs mailing �� IRC �� #prototype �� Core Team �� prototype-core mailing �� Rails Trac �� , �� ! translated by vectoroc