Skip to content

Instantly share code, notes, and snippets.

View takedakenoutan's full-sized avatar

武田家のうーたん takedakenoutan

View GitHub Profile
@takedakenoutan
takedakenoutan / keisho.js
Created March 19, 2017 09:24
JavaScriptの継承について
//JavaScriptの継承について
//JavaScriptはJavaやC++のようにクラスベースの言語ではありません
//JavaScriptはプロトタイプベースの言語です
//なのでJavaScriptのオブジェクトは他のオブジェクトとプロトタイプによる繋がりを持っています
//これを利用して継承をするのです
//ではまずメインのオブジェクトをつくります
var Human = function(name, age){
this.name = name;
@takedakenoutan
takedakenoutan / spread.js
Created March 17, 2017 12:44
JavaScriptのスプレッド演算子について
//JavaScriptのスプレッド演算子
//これは ECMAScript 6 から導入されたものです
//使用できない環境もあります
//これは
//配列の値を別々にして評価するものです
//文字ではわかりにくいと思うので、まずはこれを見てください
var arrA = [0,1,2];
var arrB = [3,4,5];
@takedakenoutan
takedakenoutan / while.js
Created March 15, 2017 10:35
JavaScriptの while, do...while について
//JavaScriptの while, do...while について
//while はJavaScriptの基本的な反復処理をするための構文です
//while ([条件式]) {[反復処理]}
//という風に書きます
//条件式がまず最初に評価され true の場合は反復処理が実行されます
//false の場合は処理が終了します
var count = 0;
@takedakenoutan
takedakenoutan / for.js
Created March 15, 2017 09:59
JavaScriptのfor, for...in, for...ofについて
//JavaScriptのfor,for...in,for...ofについて
//今回はJavaScriptのfor系の文について説明していきます
//for系の文はどれも
//条件を検査し当てはまる場合繰り返し処理をする
//ものになっています
//for について
//forは最も基本的な繰り返し処理です
// for ([初期化式]; [条件式]; [処理式]) { [繰り返し処理] }
@takedakenoutan
takedakenoutan / cab.js
Created March 11, 2017 06:02
JavaScriptのcall, apply, bindについて
//JavaScriptのcallとapplyとbindについて
//JavaScriptのthisの指すオブジェクトでハマったので書き残しておきます
//まずこれを理解するにはJavaScriptのthisのついてある程度理解しておく必要があります
//また解説にプロトタイプも使用しますので悪しからず
//まずこれを見てください
var _foo = function(){
this.name = "FOO";
};
@takedakenoutan
takedakenoutan / GSetter.js
Last active March 9, 2017 23:00
JavaScriptのGetter,Setterについて
//JavaScriptのGetter,Setterについて
//あなたも一度は思ったことでしょう
//JavaScriptでプライベートな変数を使いたい…
//とね
//この説明を見ればその願いは叶うでしょう
//まずはGetterとSetterについて
//この二つはプライベートな変数にアクセスする橋のようなものです
//この二つはオブジェクトの中で使います
//例えば
@takedakenoutan
takedakenoutan / argument.js
Last active March 8, 2017 08:55
JavaScriptのデフォルト仮引数と残余仮引数について
//ECMAScript 6から導入された
//デフォルト仮引数と残余仮引数について
//JavaScriptの関数の仮引数は指定しなかった場合
//undefined
//となります
//今まではデフォルト値を設定する場合
function foo(a, b){
var b = (typeof b === "number") ? b : 0;
@takedakenoutan
takedakenoutan / Sanko.js
Last active March 8, 2017 08:35
JavaScriptの三項演算子について
//三項演算子について
//最近三項演算子がつよいと思ったんです
//三項演算子とは
// [条件式] ? [trueの場合] : [falseの場合];
//という風に条件分岐をコンパクトにできるものです
//例えばこれ
function num(n){
@takedakenoutan
takedakenoutan / Prototype.js
Last active March 7, 2017 15:50
JavaScriptのプロトタイプについて
//JavaScriptのプロトタイプについてJavaっぽく説明します
//プロトタイプとは
//他のオブジェクトとの内部的な繋がりです
//概念レベルの話ですね
//噛み砕いて言うとロープのようなものです
//まぁ、正直ここはどうでもいいです
//重要なのはここから
//基本的なことは知ってると仮定して話をすすめます
//今回説明していくのはnewを使った実用的なコードです
@takedakenoutan
takedakenoutan / Clojure.js
Created March 7, 2017 14:55
JavaScriptのクロージャについて
//JavaScriptのクロージャ解説
//クロージャはいろいろできる(結論)
//例えばクラスっぽいこともできる
//私的に一番好きなのはプライベートなメソッドが作れるということ
//例えば
var yourName = (function(){
var selfName = "undefind";
var _setName = function(string){
selfName = string;