ホームページ > ウェブフロントエンド > jsチュートリアル > Javascript関数の4つの呼び出しモード

Javascript関数の4つの呼び出しモード

黄舟
リリース: 2016-12-13 16:41:30
オリジナル
1136 人が閲覧しました

JavaScript 関数の 4 つの呼び出しモード

1 関数モード

最も一般的な関数呼び出し

// 声明式函数 
function fn1 () {    
console.log(this); 
} 
// 函数表达式函数 
var fn2 = function() {    
console.log(this); 
}; 
// 调用 函数中this表示全局对象,在浏览器中就是指window 
fn1();   //window 
fn2();   //window
ログイン後にコピー

2 メソッド モード

関数はオブジェクトにアタッチされ、オブジェクトの属性です。次に、この関数を呼び出します。 。このパターンがメソッド呼び出しパターンです。

var obj = {
  name: "zhangSan",
  sayHi: function () {
    console.log(this);
  }
};
obj.sayHi(); //obj对象
ログイン後にコピー

3 コンストラクター呼び出しモード

は、通常、 new + 関数名 ( ) を介してコンストラクターを呼び出します。 このモードは、上記のメソッド モード

function Person() {}
var tom = new Person(); // 这就是构造器函数的调用 
  
// 构造函数调用的详细过程
// 1 会在内部创建一个对象o
// 2 给对象赋值(this), 然后执行各种操作
// 3 返回这个对象o

// 构造函数的返回值:
 //
 //  有一个默认的返回值,新创建的对象(实例);
 //  当手动添加返回值后(return语句):
 //     1. 返回值是基本数据类型-->真正的返回值还是那个新创建的对象(即实例)
 //    2. 返回值是复杂数据类型(对象)-->真正的返回值是这个对象
ログイン後にコピー

4 コンテキスト モード

の本質 -オブジェクトはオブジェクトに属さないメソッド(関数)を借用します。つまり、この点をカスタマイズします

このとき、callとapplyの2つのメソッドが必要です

//Function.prototype.call ()
  //Function.prototype.apply ()
  //——>任何函数都可以调用call和apply方法
  
  // 第一个参数控制this的指向,第二个参数:
        在使用 上下文调用的 时候, 原函数(方法)可能会带有参数, 那么这个参数在上下文调用中使用 第二个( 第 n 个 )参数来表示
ログイン後にコピー
//伪数组
  var o={ 0:10,1:20,length:2 };
  
  //让o对象借用数组的push方法来添加元素
  //[].push.call(o,30,50,70)
  [].push.apply(o,[1,2,3])
  console.log(o);//其中对象o中length属性的值也会改变的哦
ログイン後にコピー

読んでいただきありがとうございます、皆様のお役に立てれば幸いです。その他の関連コンテンツについては、PHP 中国語 Web サイト (www.php.cn) にご注目ください!

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