プログラミングの勉強をしよう@Wiki
プログラミングの勉強をしよう@Wiki

インデント

概要

インデントを設定するたびに{}のようなインデントを用意します。

コンパイル

>coffee -cb sample02.coffee
→コンパイルを行い、sample02.jsを作成する
 

変換前サンプル

coffeescript

# IDセレクタ取得
sample = document.querySelector("#sample")
 
# 値を初期化
a = 10
s = ""
 
# パラメータチェック
if a == 10
	###
	aaaaaaaaaaaaaa
	###
	s += " sample data ok"
else
	###
	bbbbbbbbbbbbbb
	###
	s += " sample data ng"
 
# データ設定
s += " parameter"
sample.innerHTML = s
 
 

変換後サンプル

javascript

// Generated by CoffeeScript 1.3.3
var a, s, sample;
 
sample = document.querySelector("#sample");
 
a = 10;
 
s = "";
 
if (a === 10) {
  /*
  	aaaaaaaaaaaaaa
  */
 
  s += " sample data ok";
} else {
  /*
  	bbbbbbbbbbbbbb
  */
 
  s += " sample data ng";
}
 
s += " parameter";
 
sample.innerHTML = s;
 
 

実行環境

html

<!DOCTYPE html>
<html lang="ja">
	<head>
		<meta charset="UTF-8" />
		<title>coffee scriptテスト</title>
	</head>
	<body>
		<div id="sample"></div>
		<script type="text/javascript" src="sample02.js"></script>
	</body>
</html>
 
 

結果


「インデント」をウィキ内検索
最終更新：2012年08月27日 23:18