JavaScript 関数の 4 つの存在形式の詳細な解釈 (グラフィック チュートリアル)

ここで、JavaScript 関数の 4 つの存在形式について簡単に説明します。今からそれを皆さんと共有し、皆さんの参考にしてください。

関数の 4 つの形式:

1. 関数形式

2. メソッド形式 関数がオブジェクトのメンバーに割り当てられる場合、それはメソッド

3 と呼ばれます。コンテキスト形式

1. 関数形式:

var foo = function() {
  alert(this);       //this是window
};

3. コンストラクター(constructor) var p = new Person();

1. up space

2. オブジェクトの参照アドレスを関数に渡し、これを関数内で受け取るために使用します3. コンストラクターメソッドが実行され、これが返されます

o = {};
o.foo = foo;  //将函数foo赋值给对象o的foo属性
o.foo();    //弹出的是object，此时的this表示object

var lib = {
  test:function() {
    alert(this);     //此处的this表示object（lib对象本身）
    //var that = this;  //要想匿名函数中this表示lib对象，可以这样
    (function() {
     alert(this);    //此处的匿名函数不属于lib对象，所以this的任然表示window
    })();
  }
};
lib.test();

変更された点は、コンストラクターが関数を変更することです。戻り値; 関数の戻り値がオブジェクトの場合は戻り値に従って返します。戻り値がオブジェクトでない場合は、戻り値を無視してこれを直接返します。

4.

.apply

(object , [parameter list])

var Person = function() {
  this.age = 19;
  this.name = "Mr靖";
  return "{}";
};
var p = new Person();
alert(p.name);  //弹出的是undefined，由于函数返回的是一个对象，所以直接将这个对象返回给person，而忽略age，name属性

Function.call(object,parameter list);

var Person = function() {
  this.age = 19;
  this.name = "Mr靖";
  return 123;
};
var p = new Person();
alert(p.name); 　　 //弹出“Mr靖”，由于返回值不是对象，所以直接忽略返回值
alert(p);      //弹出object

以上が皆さんの参考になれば幸いです。将来。 関連記事:

JavaScript Array オブジェクトの基本的な内容について詳しく学ぶ

JavaScript eval() 関数の正しい使い方

ネイティブ JavaScript AJAX 3 レベル連携の実装コード

以上がJavaScript 関数の 4 つの存在形式の詳細な解釈 (グラフィック チュートリアル)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。