JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://getfirebug.com/firebug-lite-debug.js"></script>
<!-- この枠内は無視してください -->




































































<h4><strong><a href="http://www.oreilly.co.jp/books/9784873116211" target="_blank">開眼！JavaScript</a> サンプルコード</strong></h4>

<p>スクリプトはページロード時に実行されます。</p><p>再度実行する場合や「JavaScript」ボックス内のスクリプトを修正して実行する場合は上部のナビゲーションバーにある「Run」をクリックしてください。</p><p>アウトプットはページ右下のFirebug Liteコンソールに出力されます。</p>

<a href="http://shop.oreilly.com/product/0636920027713.do" target="_blank">原著：JavaScript Enlightenment</a>

JavaScript

var myObject = {};

var myFunction = function(param1, param2) {
    // 後にcall()で呼ばれる際、thisはmyObjectを参照
    this.foo = param1;
    this.bar = param2;
    console.log(this) // 出力：Object {foo = 'foo', bar = 'bar'}
};



myFunction.call( myObject, 'foo', 'bar' ); // myObjectをthisとしてmyFunctionを呼ぶ

console.log( myObject ); // 出力：Object {foo = 'foo', bar = 'bar'}


var myObj = {};
var myFun = function(param1, param2){
	//後でapply（）で呼び出した時に、thisにmyObjを参照させる
	this.voo = param1;
	this.boo = param2;
	console.log( myObj );
}
myFun.apply( myObj, ['VOOV', 'BOOB'] );
console.log( myObj );