プロトタイプは何ですか、$ .extend、 "return this"は何をしなければなりませんか？私は、従来のプロジェクトに取り組んでいます

Question

、私はこれは私が経験マリオネットのアプリを開発するが、コード上でいる

define(['jquery', 'components/BaseComponent', 'bootstrap'], function(
    $, BaseComponent, bootstrap 
) { 
    'use strict'; 

    return BaseComponent.extend({ 

     initialize: function(options) { 

      BaseComponent.prototype.initialize.call(this, options); // what is this man? 
      this.widgetOptions = $.extend({}, options); // what is this man? 

      return this; // what is this man? 
     }, 

     render: function() { 

      BaseComponent.prototype.render.call(this); //again? 


      return this; //again? 
     } 
    }); 
}); 

はまだ私を混同しないものと困惑しています。ドキュメンテーションもこれをやった人も残っていません。

Answer 1

継承と

まず、いくつかの情報親関数を呼び出す：OOPconcepts

Inheritance

OOP in javascript

Inheritance with Backbone

01に

• 紹介

  BaseComponent.prototype.initialize.call(this, options); // what is this man? 
  

  • BaseComponentBackbone's extend helper functionを持つコンストラクタ関数（understanding javascript constructors）、です。このヘルパー関数は、prototypal inheritanceの複雑さのいくつかをラップします。

  • BaseComponent.prototypeは、関数とプロパティを含む親クラスのプロトタイプです。

  • BaseComponent.prototype.initialize我々はこのモジュールの新しいinitializeを定義することによって上書きされている親クラス（BaseComponent）の関数です。

  「クラス」の機能は、prototype propertyの内部に含まれています。親のプロトタイプの関数に.call functionを使用することで、現在のオブジェクトのコンテキストで関数を呼び出すことができます。これはoptionsのプロパティがコピーされている新しいオブジェクトを、作っているオブジェクト

  this.widgetOptions = $.extend({}, options); // what is this man? 
  

  のコピーを作成

  。これはjQuery's extendを使用しており、浅いコピーを作成します。

  ので、これは良いパターンです：それはあなたが安全で再利用することができた（受信optionsオブジェクトに影響を与えずにプロパティを変更することができますので、それはコピーだ

• 、this.widgetOptionsがオブジェクトであることを保証し
  1. 呼び出しコード）。機能の連鎖

  これはchain function callsになっ

  return this; // what is this man? 
  

  を呼び出して、次のように：render関数の内部

  myView.render().lookImChaining().functionCalls(); 
  

  、それはバックボーン標準です。しかし、初期化では、実際には手動で初期化を呼び出すことはないので意味がありません。 Backbone's docから

  ：

  良い大会は チェーンの通話を可能にするために、レンダリングの最後にこれを返すことです。

  default view render：

  render: function() { 
      return this; 
  },