JS 関数とコンストラクタを簡単に理解する

var f = 関数() {
  console.log('これはf関数です');
}
// 関数もオブジェクトです console.log(f instanceof Object); // true
// 関数は Functionconsole.log(f instanceof Function); の型のオブジェクトです。 // true

var functionName = 新しい関数 ([arg1[, arg2[, ...argN]],] 関数本体)

// パラメータのない関数 var fun = new Function('console.log("This is a function")')
fun() // これは関数です // 1 つのパラメータを持つ関数 var fun = new Function('a', 'console.log("この関数は 1 つのパラメータを取ります: " + a)')
fun(100) // この関数は1つのパラメータを取ります: 100
// 2つのパラメータを持つ関数 var fun = new Function(
  「a, b」、
  'console.log("これは 2 つのパラメータ " + a + " と " + b" を持つ関数です);',
）
fun(100, 200) // これは100と200の2つのパラメータを持つ関数です

console.log(関数インスタンスの関数) //true
console.log(関数インスタンスオブオブジェクト) //true
console.log(Object インスタンス of Object) //true
console.log(オブジェクトインスタンス関数) //true

関数Person(){
  this.property名 = プロパティ値;
  this.メソッド名 = 関数() {
      メソッド本体}
var person = 新しい Person();

// カスタムコンストラクター -> 関数: オブジェクトを作成する function Person(name, age, sex) {
  this.name = 名前
  this.age = 年齢
  this.sex = セックス
  this.print = 関数（）{
    console.log(名前 + '今年' + 年齢 + '年齢と性別' + 性別)
  }
}
// お菓子のボウルを作成する var t = new Person('a bowl of sweets', 18, 'female')
hong.print() // Yiwantian は 18 歳で女性です // Yiwanzhou を作成します var z = new Person('Yiwanzhou', 20, 'male')
dong.print() //お粥一杯、20歳、男性

// Yiwan Zhou を作成 var z = new Person('Yiwan Zhou', 18, '男性')
// Person コンストラクタのオブジェクトかどうかを確認します console.log(z.constructor === Person)

関数Hero() {
  // 関数として使用 var v = 100 // ローカル変数 // コンストラクターとして使用 this.set = function (value) {
    v = 値
  }
  this.get = 関数 () {
    リターンv
  }
}

// Hero() を直接呼び出す
// コンストラクターを通じてオブジェクトを作成する var hero = new Hero()
// オブジェクトとして扱い、プロパティとメソッドを追加します。Hero.n = 'A bowl of Zhou'
console.log(Hero.n) // 一杯の周

// 2つの空の関数を定義します。 function fun(a, b, c, d) {}

関数 fn() {}

// 長さプロパティをテストする console.log(fun.length) // 4
console.log(fn.length) // 0

func.apply(thisArg、[argsArray]) を適用します。

// 関数を定義する function fn(a) {
  console.log('これは ' + a です)
}
fn.apply(null, ['function']) // これは関数です // 上記の呼び出しは次のメソッドと同等です fn('function') // これは関数です

関数fn(a) {
  console.log('これは ' + a です)
}
fn.call(null, 'function') // これは関数です // 上記の呼び出しは次のメソッドと同等です fn('function') // これは関数です

関数.bind(thisArg[, arg1[, arg2[, ...]]])

// 関数を定義する var fun = function (a, b) {
  console.log('最初のパラメータの値は:' + a + '2番目のパラメータの値は:' + b)
}
// fun() を呼び出す
fun(10, 20) // 最初のパラメータの値は: 10 2 番目のパラメータの値は: 20
// バインドされた関数を作成する var fn = fun.bind(null, 100, 200) // デフォルトのパラメータ値を持つ関数 // 実際のパラメータを記述せずに新しく作成された関数を呼び出す fn() // 最初のパラメータの値は: 100 2 番目のパラメータの値は: 200

/*
 * 引数オブジェクトは、関数本体内に存在する特別なオブジェクトです。
 * 引数オブジェクトは配列のようなオブジェクトです * 引数オブジェクトは関数に渡される実際のパラメータに対応します */
// 関数を定義する var fun = function () {
  console.log(引数)
  // arguments.callee は、引数が属する現在実行中の関数を指します。
  //このプロパティに括弧を追加すると、呼び出しを意味します。 arguments.callee === fun はtrueと評価されるので
  console.log(引数.呼び出し先)
  // arguments.length 関数に渡される引数の数。
  console.log(引数の長さ)
}
楽しい(1, 2, 3, 4, 5) 

[引数] { '0': 1、 '1': 2、 '2': 3、 '3': 4、 '4': 5 }
[機能：楽しい]
5

// シミュレーション関数のオーバーロード function add() {
  // パラメータの数を記録する var len = arguments.length
  // オーバーロードされた関数をシミュレートするために渡されるパラメータの数を決定するには、switch case ステートメントを使用します switch (len) {
    ケース2:
      引数[0] + 引数[1]を返す
      壊す
    ケース3:
      引数[0] + 引数[1] + 引数[2]を返す
      壊す
    ケース4:
      引数[0] + 引数[1] + 引数[2] + 引数[3]を返す
      壊す

    デフォルト：
      壊す
  }
}
コンソール.log(add(1, 2)) // 3
コンソール.log(add(1, 2, 3)) // 6
コンソール.log(add(1, 2, 3, 4)) // 10