JavaScriptアドバンスドオブジェクト関数コールバック関数IIFE


オブジェクト


オブジェクトとは

  • 以上のデータのパッケージ
  • 複数のデータを保存するためのコンテナ
  • オブジェクトは、現実の物事を表す
  • なぜオブジェクトを使うのか

  • 複数のデータを統合管理する
  • オブジェクトの構成

  • 属性:属性名(文字列)と属性値からなる
  • メソッド:特別なプロパティ(プロパティ値は関数)
  • オブジェクトの内部データへのアクセス方法

  • .属性名:符号化が簡単で、
  • が使用できない場合があります.
  • ['属性名']:符号化が面倒で、
  • を汎用できる

    いつ['属性名']を使用する必要がありますか?


    1.属性名には特殊文字が含まれています.-スペース
    2.属性名不確定

    関数#カンスウ#


    関数とは

  • 特定の機能を実現するn文のパッケージ
  • は関数のみが実行可能であり、他のタイプのデータは
  • を実行できない.

    なぜ関数を使うのか

  • コード多重化
  • の向上
  • 読みやすいコミュニケーション
  • 関数の定義方法

  • 関数宣言
    function fn1(){
        console.log('fn1()')
    }
    
  • var fn2=function(){
        console.log('fn2()')
    }
    
  • 関数の呼び出し(実行)方法

  • test():ダイレクトコール
  • obj.test():オブジェクト呼び出し
  • new test():new呼び出し
  • test.call/apply(obj):testをobjに一時的に呼び出す方法
  • コールバック関数


    コールバック関数とは

  • あなたが定義した
  • を呼び出していません
  • ですが、最終的には
  • が実行されました.

    一般的なコールバック関数

  • domイベントコールバック関数
  • タイマコールバック関数
  • ajax要求コールバック関数
  • ライフサイクルコールバック関数
  • IIFE


    全称:Immediately-Invoked Function Expression(関数式の即時実行)
    機能:
  • 非表示実装
  • 外部ネーミングスペース(グローバルネーミングスペース)
  • を汚染しない
  • jsモジュール
  • を符号化するために使用される
    (function (){    // 
        var a = 3;
        console.log(a+3);
    })()
    var a = 4
    console.log(a)
    
    ;(function (){
    var a = 1
    function test () {
        console.log(++a)
    }
    window.$ = function () {    // 
      return{
        test:test
    }
    }
    })()
    $().test()  //1.$  2.$