今回は「8章 メソッド」のArray#reverseからスタート
current dirにtest/を作ってテスト用ファイルを作る
describe('Example', function() {
it('should passed test', function() {})
}
mochaを実行すると、test/以下のファイルを実行してくれる
追記: mochaのinstall時に-gをつけないと、mochaコマンドを直接叩けない
array.pop()まで進んだ"hoge"とString("hoge")の違いについて
確認方法
Object.prototype.self = function() {
return this;
}
typeof ("hoge").self();
// "object"
("hoge").self().valueOf();
// "hoge"
var func = function() {
var count = 0;
var hoge = $('#hoge');
$hoge.text('1回目のクリック');
// 2回目以降は↓の関数のみ実行される
func = function () {
count += 1;
hoge.text('2回目以降のクリック(' + count + ')');
};
}
$(function(){
$('#btn').on('click', function() { func(); });
});
$をつけてる写経
var mammal = function(spec) {
var that = {};
that.get_name = function () {
return spec.name;
};
that.says = function() {
return spec.saying || '';
};
return that;
};
内部にプライベートなthatを用意してカプセル化を実現
var dog = mammal({name:"Dog", saying: "Bow"});
document.writeln(dog.get_name()); // Dog
dog.name = "Cat";
document.writeln(dog.get_name()); // Dog
引数が分かりづらいのでこうして見る
改善後
var mammal = function(spec) {
var that = {};
if ( typeof spec === 'object' && spec ) {
} else {
throw "spec should be an object';
}
var name = spec.name || 'mammal';
var saying = spec.saying || '';
that.get_name = function() {
return name;
};
that.says = function() {
return saying;
};
return that;
};
改善前のはspecを先に定義しておけば、nameを書き換えられる
var dogSpec = { name: "Dog", saying: "Bow" };
var mydog = mammal(dogSpec);
console.log(mydog.get_name()); // Dog
dogSpec.name = "Cat";
console.log(mydog.get_name()); // Cat
改善後のように変数、関数を別定義にしておけばちゃんとカプセル化される
Q. 最初に出てきた引数myは必要なのか？
var mammal = funciton (spec, my) {
// 省略
};
A. 本に使用例も出てきてないし、誰もいい使い方が思いつかないから必要なさそう
親の関数をoverrideする前に変数に入れておけばOK
var coolcat = function(spec){
var that = cat(spec),
super_get_name = that.superior('get_name');
that.get_name = function(n) {
return 'like ' + super_get_name() + ' baby';
};
return that;
};
var myCoolCat = coolcat({name: "Bix"});
console.log(myCoolCat.get_name());
P.63までやった。次回は 5.5 オブジェクトのパーツ(P.64) から
まずはgitからソースコードを持ってくる
git clone https://github.com/jquery/jquery.git
buildするにはREADMEを嫁
今のHEADは1.6.3pre
いきなりsourceを読んで前回敗北したのでtestを見ていく
jQueryのcodeの中にはThe Good Partsがいっぱいある
var jQuery = (function(){})(); // 無駄なglobal varをつくらない
Sapporo.js-web
ベースはLooseleaf.JSで作成
githubでサイト自体も公開
@onjiro_mohyahya さんがテーマのベースを作るので、その後pull-requestをお待ちしてます
Object.createのprototype, constructorの挙動
Object.create = function(o) {
// 無名関数でもいいけど、名前を付けると
// stacktraceで出ることもある
var F = function Child() {};
F.prototype = o;
return new F();
}
関数と変数で同じ名前を使用したら、関数定義が先に解析されるので変数が上書きする
// OK
Object.create function(o) {
alert(F);
F.prototype = o;
function F() {};
return new F();
}
// NG
Object.create function(o) {
alert(F);
F.prototype = o;
var F = function F() {};
return new F();
}
__proto__を使うとnewを使わないでもいける。但しもじらだけっぽい
var c = {}, p = {};
p.__proto__ = { hoge: 'xxx' };
c.__proto__ = p.__proto__;
alert(c.hoge || 'ooo'); // mozilla => xxx, IE => ooo
JavaScriptの成り立ち
Node.js