More than 5 years have passed since last update.

JavaScriptとrubyの基礎的な部分の比較をしてみた

Posted at 2018-09-27

#はじめに
最近JavaScriptを勉強しているので普段使っているRubyとの書き方の違いについてまとめて見ました。

#変数
ruby・・・スネークケース
JavaScript・・・キャメルケース

ruby

user_name = 'bob'

javascript

var userName = 'bob';

es6

let userName = 'bob';

#定数
原則としてruby・JavaScript共に全て大文字で、単語はアンダースコアで区切る。

ruby

HOGE = "hoge"
CONSUMPTION_TAX = 1.08

javascript

const HOGE = "hoge";
const CONSUMPTION_TAX = 1.08;

#メソッド・関数の定義
rubyのメソッド名はスネークケースで定義します
JavaScriptの関数名はキャメルケースで定義します。

ruby

def get_triangle_area(bottom, height)
  bottom * height / 2
end

#呼び出し
get_triangle_area(100, 50)

javascript

function getTriangleArea(bottom, height) {
  return bottom * height / 2;
};

//呼びだし
getTriangleArea(100, 50);

###JavaScriptのアロー関数について
functionの代わりに「=>」を使うことができる。

let getTriangleArea = (bottom, height) => {
  return bottom * height / 2;
};

//呼び出し
getTriangleArea(100, 50)；

関数の中身が1行の場合、{...}とreturnを省略できる。

let getTriangleArea = (bottom, height) => bottom * height / 2;

引数が１つの場合引数の()を省略できる。

//円の面積
let getCircleArea = radius => radius * radius * Math.PI

//呼び出し
getCircleArea(10);

引数の無い場合の()は省略不可


let hello = () => console.log("hello world");

//呼び出し
hello();

#式展開
rubyは#{}で囲う

ruby

name = 'bob'
puts "hello! #{name}"

>hello! bob

JavaScriptは`（バッククオート）で文字列を囲み、${}を使用する

javascript

let name = 'bob';
console.log(`hello!! ${name}`);

> hello! bob

#終わりに
記事を最後まで読んでいただきありがとうございます！何かご不明点やご指摘あれば、コメントいただけると幸いです(^_^)