CoffeeScript/変数 - プログラミングの勉強をしよう@Wiki

Top > CoffeeScript > 変数

変数

概要

変数は = 演算子で設定することで定義となる

また、@を使用する場合はthis.変数名と同一となる

変換前サンプル

CoffeeScript

# クラス定義
class Test1
 
	# インスタンスメソッド定義
	ins_data: ""
 
	# クラス変数定義
	@data1: ""
	@data2: ""
 
	# コンストラクタ
	constructor:(data)->
		# インスタンス変数へ設定
		@ins_data = data
 
	# インスタンスメソッド
	ins_method:() ->
		# インスタンス変数へ返却
		@ins_data
 
	# クラスメソッド
	@test_method1:()->
		@data1
 
	@test_method2:()->
		@data2
 
# インスタンス生成
a1 = new Test1("aaaa")
a2 = new Test1("bbbb")
 
# インスタンスメソッド定義
b1 = a1.ins_method()
b2 = a2.ins_method()
 
# クラス変数設定
Test1.data1 = "sample01"
Test1.data2 = "sample02"
 
# セレクタでエレメントを取得
sample = document.querySelector("#sample")
 
# パラメータ連結
sample.innerHTML = b1 + b2 + Test1.test_method1() + Test1.test_method2()
 
 

変換後サンプル

Javascript

// Generated by CoffeeScript 1.3.3
var Test1, a1, a2, b1, b2, sample;
 
Test1 = (function() {
 
  Test1.prototype.ins_data = "";
 
  Test1.data1 = "";
 
  Test1.data2 = "";
 
  function Test1(data) {
    this.ins_data = data;
  }
 
  Test1.prototype.ins_method = function() {
    return this.ins_data;
  };
 
  Test1.test_method1 = function() {
    return this.data1;
  };
 
  Test1.test_method2 = function() {
    return this.data2;
  };
 
  return Test1;
 
})();
 
a1 = new Test1("aaaa");
 
a2 = new Test1("bbbb");
 
b1 = a1.ins_method();
 
b2 = a2.ins_method();
 
Test1.data1 = "sample01";
 
Test1.data2 = "sample02";
 
sample = document.querySelector("#sample");
 
sample.innerHTML = b1 + b2 + Test1.test_method1() + Test1.test_method2();
 
 

---