鐃緒申鐃緒申鐃緒申法鐃緒申鐃塾で￥申

  • IT鐃緒記 - 鐃緒申鐃緒申鐃駿駈申鐃緒申鐃緒申鐃�
  • amachang - JavaScript 鐃緒申鐃緒申

    • Object.prototype = { /* ... */ }鐃緒申鐃薯けわ申戮鐃�

    鐃淳にわ申鐃緒申鐃塾でワ申鐃瞬ワ申鐃緒申鐃緒申鐃夙わ申鐃緒申鐃緒申鐃舜わ申鐃緒申鐃緒申鐃緒申鐃緒申 
    Box.prototype = {
    speed: 4,
    move: function() {
        this.left += this.speed;
        this.element.style.left = this.left + 'px';
        if (this.left > 400) clearInterval(this.id);
    },
    start: function() {
        var self = this;
        this.id = setInterval(function() { self.move() }, 20);
    }
};

    鐃緒申鐃緒申鐃緒申函鐃�Box鐃緒申他鐃塾プワ申鐃夙ワ申鐃緒申鐃竣わ申兢鐃緒申鐃緒申討鐃緒申鐃緒申鐃緒申法鐃緒申謄鐃緒申屮鐃緒申鐃緒申鐃緒申箸離廛鐃緒申肇鐃緒申鐃緒申廚縫鐃緒申鐃緒申鐃緒申鐃緒申任鐃緒申覆鐃緒申覆辰討鐃緒申泙鐃緒申鐃緒申鐃獣種申鐃緒申鐃緒申鐃緒申

    function MyBox(id){
    this.element = document.getElementById(id);
    this.left = 0;
}
MyBox.prototype = Box.prototype; // 鐃緒申鐃緒申鐃叔継常申鐃緒申鐃銃わ申鐃緒申里鐃�
MyBox.prototype = {              // 鐃緒申鐃緒申鐃緒申鐃緒申無鐃緒申
  speed:8
};

    鐃緒申鐃塾わ申鐃緒申鐃緒申蓮鐃緒申廛鐃緒申肇鐃緒申鐃緒申廛戞鐃緒申鐃緒申侶鐃緒申鐃緒申如鐃緒申鐃緒申薀刻申戞鐃緒申鐃緒申里鐃塾わ申鐃緒申class Klass{...}鐃緒申複鐃緒申鐃緒申鐃出場し鐃銃も、鐃緒申鐃塾わ申里鐃瞬常申颪�」わ申鐃銃わ申鐃殉わ申鐃塾ではなわ申鐃緒申鐃瞬重ね刻申錣誌申廚砲覆鐃塾わ申鐃緒申鐃宿￥申JavaScript鐃塾常申鐃�prototype鐃緒申泙鐃獣縁申覆襯�鐃瞬ワ申鐃緒申鐃緒申鐃夙なので￥申鐃楯わ申鐃緒申鐃緒申鐃緒申鐃緒申鐃緒申箸鐃緒申鐃緒申鐃緒申鐃緒申鐃緒申鐃緒申討鐃緒申覆鐃緒申鐃塾は丸わ申鐃夙消わ申鐃銃わ申鐃殉わ申鐃緒申

    鐃緒申鐃緒申鐃緒申鐃緒申鐃楯でわ申

    Box.prototype.speed = 4;
Box.prototype.move = function() {
    this.left += this.speed;
    this.element.style.left = this.left + 'px';
    if (this.left > 400) clearInterval(this.id);
};
Box.prototype.start = function() {
    var self = this;
    this.id = setInterval(function() { self.move() }, 20);
};

    鐃緒申留鐃緒申討鐃緒申鐃緒申鐃緒申鐃�

    (function(c, o){
  for (var p in o){
     c.prototype[p] = o[p];
  }
})(Box, {
    speed: 4,
    move:  function() { /* ... */ },
    start: function() { /* ... */ }
});

    鐃夙わ申鐃暑か鐃緒申

    Object.prototype.addPrototypes = function(o){ // 鐃緒申鐃緒申鐃緒申鐃緒申鐃宿推奨鐃叔わ申鐃淑わ申
   for (var p in o){
      this.prototype[p] = o[p];
   }
};
Box.addPrototypes({
    speed: 4,
    move:  function() { /* ... */ },
    start: function() { /* ... */ }
})
var ary = [];
alert(ary.speed);

    鐃夙わ申鐃暑か鐃緒申prototype.js鐃緒申Object.extend()鐃緒申箸鐃緒申鐃緒申鐃緒申襪�鐃緒申鐃夙にわ申鐃緒申鐃瞬重ね刻申錣誌申廚鬚垢鐃緒申覆鐃縦わ申鐃銃わ申鐃緒申鐃緒申鐃緒申鐃緒申鐃緒申鐃緒申鐃夙思わ申鐃緒申Proto.prototype = { /* ... */ }鐃熟誌申鐃夙わ申鐃緒申鐃緒申誘鐃叔によく鐃緒申鐃緒申鐃緒申里鐃緒申鐃緒申鼻鐃緒申鐃緒申鐃�JS鐃熟わ申鐃緒申鐃緒申腟�鐃熟の鰹申発鐃祝わ申箸鐃緒申胴圓鐃緒申呂鐃緒申覆里如鐃�

    with()鐃緒申徹鐃緒申的鐃緒申鐃薯けわ申戮鐃�

    鐃緒申鐃緒申

    複鐃緒申鐃緒申鐃緒申 
    for (var i = 0, l = nl.length; i < l; i ++) {
    var e = nl[i];
    with({e:e})
    setTimeout(function() {
        var box = new Box(e);
        box.start();
    }, i * 500);
}

    with()鐃熟駈申鐃舜際わ申鐃緒申鐃殉へん。まわ申鐃銃やこ鐃緒申鐃緒申鐃緒申鐃緒申鐃駿な使わ申鐃緒申鐃緒申amachang鐃夙わ申鐃叔なわ申鐃夙出てわ申鐃殉わ申鐃緒申鐃緒申鐃緒申鐃緒申鐃祝もそ鐃緒申鐃書いてわ申鐃暑。

    鐃緒申鐃塾常申鐃熟わ申鐃獣わ申鐃緒申直鐃緒申

    Box.prototype.later =  function(delay) {
   var self = this;
   setTimeout(function() { self.start() }, delay);
};
var nl = document.getElementById('target010').getElementsByTagName('div');
for (var i = 0, l = nl.length; i < l; i ++) {
    var box = new Box(nl[i]);
    box.later( i * 500 );
}

    鐃夙書いわ申鐃緒申鐃緒申鐃熟るか鐃祝わか鐃緒申笋刻申鐃緒申鐃�

    JavaScript鐃祝限らず鐃緒申鐃醇ー鐃緒申鐃緒申鐃緒申鐃夙わ申鐃緒申鐃緒申鐃淑居申能鐃熟￥申鐃醇ー鐃緒申鐃緒申鐃祝種申鐃緒申鐃緒申鐃緒申鐃緒申里任呂覆鐃緒申鐃緒申薀�/鐃竣ワ申鐃夙ワ申鐃緒申鐃緒申側鐃緒申鐃術意わ申鐃銃わ申鐃緒申鐃駿わ申鐃緒申

    無名鐃舜随申鐃緒申匆陲靴箸鐃緒申鐃緒申鐃�

    鐃夙わ申鐃塾わ申鐃術随申名鐃緒申鐃緒申鐃緒申 
    (function() {
    var nl = document.getElementById('target011').getElementsByTagName('div');
    for (var i = 0, l = nl.length; i < l; i ++) {
        var e = nl[i];
        with({e:e})
        setTimeout(function() {
            var box = new Box(e);
            box.start();
        }, i * 500);
    }
})();

    鐃緒申鐃緒申鐃殉わ申鐃処た鐃初、鐃緒申呂鐃縮橘常申愎鐃緒申泙脳匆陲靴鐃緒申澆鐃緒申鐃緒申辰鐃緒申鐃�

    (function(id, tag, interval){
  var nl = document.getElementById(id).getElementsByTagName(tag);
  for (var i = 0, l = nl.length; i < l; i ++) {
    var box = new Box(nl[i]);
    box.later( i * interval );
  }
})('target10', 'div', 500);

    鐃緒申鐃緒申鐃緒申鐃銃わ申鐃緒申鐃出￥申HTML鐃叔ワ申鐃緒申鐃淑￥申鐃夙わ申連鐃夙わ申擇如鐃�

    (function(id, tag){
  var nl = document.getElementById(id).getElementsByTagName(tag);
  for (var i = 0, l = nl.length; i < l; i ++) {
    var box = new Box(nl[i]);
    box.later( i * interval );
  }
}) // 鐃緒申鐃緒申鐃殉わ申鐃術刻申鐃緒申鐃淑わ申鐃緒申!
(
  'target10', // 鐃緒申鐃叔わ申id
  'div',      // 鐃緒申鐃緒申鐃緒申離鐃緒申鐃縮�
  500         // 鐃緒申鐃緒申鐃緒申鐃夙の間隔わ申潺鐃緒申辰濃鐃緒申蠅件申鐃�
);

    鐃夙緒申鐃緒申襪件申鐃�

    余鐃縮わ申鐃緒申鐃宿￥申JavaScript鐃緒申無名鐃舜随申鐃叔再居申鐃緒申鐃緒申鐃緒申襦ｏ申鐃緒申譴�鐃緒申鐃緒申鐃塾は￥申鐃巡が鐃緒申鐃緒申鐃夙ってわ申鐃緒申鐃熟囲でわ申Perl 6 鐃緒申 R 鐃緒申鐃初い鐃緒申鐃緒申

    単鐃祝ワ申鐃緒申鐃緒申鐃竣わ申鼎佑襪随申鐃緒申鐃緒申鐃祝使わ申鐃祝はわ申鐃殉わ申砲鐃獣わ申鐃緒申鐃淑わ申鐃叔はなわ申鐃緒申鐃緒申

    鐃殉とわ申

    鐃緒申鐃緒申鐃緒申鐃緒申 JavaScript Best Practices 鐃緒申鐃淳わ申鐃緒申鐃淑わ申鐃緒申Perl 5鐃緒申鐃緒申鐃緒申从鐃緒申鐃緒申戮鐃緒申磴件申鐃緒申鐃�....

    Dan the JavaScripter