ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript 関数の 4 つの存在形式の詳細な解釈 (グラフィック チュートリアル)

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

亚连
リリース: 2018-05-21 10:19:25
オリジナル
1577 人が閲覧しました

ここで、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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート