web関連

【javascript】関数の書き方

2019/05/22

プログラミング

言語-javascript

javascriptの関数の書き方とスコープ周りがよくわからなかったので備忘録

基本的な関数

基本的なjavascriptの関数の書き方

var js = "test";// グローバル変数
function myFunc(){
  var js = "test01";// ローカル変数
  console.log(js);// test01
}
myFunc();
console.log(js);// test

変数は関数内で上書きすると関数内のみ変わる
関数定義する前に呼び出しても動く

myFunc('神');// ○　私は神だ
function myFunc(txt){
  console.log('私は'+ txt + 'だ');
}
myFunc('変態');// ○　私は変態だ

関数定義する前に呼び出しても動く

関数名を書かなくていいから一度しか使わない関数の時に便利らしい

myFunc();// ×　エラー
var myFunc = function() {
  console.log("test");
}
myFunc();// ○　test

関数定義する前に呼び出すとエラーを吐く

関数を定義してすぐに実行するから呼び出しが必要ない

var js = "test";// グローバル変数
(function() {
  var js = "test01";// ローカル変数
  console.log(js);// test01
}());
console.log(js);// test

変数は関数内で上書きすると関数内のみ変わる
関数定義する前に呼び出しても動く

var txt1 = '神';
var txt2 = '変態';
(function (txt3, txt4) {
  console.log( '私は'+ txt3 + 'で' + txt4 + 'だ');// 私は神で変態だ
}(txt1, txt2));

即時関数はスコープ汚染をしなくて済むらしい（よくわかってない）

がっつりプログラミングとかしないから後半はつかいどころがいまいちわからん、勉強ですな