자바 스크립트 라이브러리 템플릿

Elkebirmed

다음과 같이 자바 스크립트 라이브러리를 만들어야한다고 가정 해 보겠습니다.

;(function(){

    var root = this;

    var Ctor = function(value) {
        this.value = value;
    };

    var _ = new Ctor(value);

    _.doSome = function(value) {
        // do some work to the value
        // if no value assigned, get the value of the previous method
    };

   _.doSome2 = function(value) {
        // do some work to the value
        // if no value assigned, get the value of the previous method
    };

   _.doSome3 = function(value) {
        // do some work to the value
        // if no value assigned, get the value of the previous method
    };

   root._ = _;

}.call(this));

doSome 메서드가 _ 개체의 값을 작동하면 doSome2 및 doSome3도 작동합니다.

그러나 이렇게 메소드를 연결하는 것은 어떻습니까?

// the doSome2 and doSome3 work with the value of doSome
_.doSome(value).doSome2().doSome3();

// the doSome3 work with the value of doSome2 cuz it has a value
_.doSome(value).doSome2(value).doSome3();

// every method work with the value assigned to it
_.doSome(value).doSome2(value).doSome3(value); // the same as:
_.doSome(value);
_.doSome2(value);
_.doSome3(value);

참고 : 메소드는 다음과 같이 무작위로 연결할 수 있습니다.

_.doSome2(value).doSome().doSome3();

라이브 예제 : https://jsbin.com/vijehotora/edit?js,console

알바로드

다음과 같이 할 수 있습니다.

var Ctor = function() {};

Ctor.prototype = {
    doSome: function(value) {
        if(value) {
            this.value = value;
        }

        return this;
    },

    doSome2: function(value) {
        if(value) {
            this.value = value;
        }

        return this;
    }    
};

new Ctor().doSome('value1').doSome2('value2').doSome();

작업 예

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

오픈 소스 템플릿 및 자바 스크립트 라이브러리의 보안

분류에서Dev

템플릿의 변수로 자바 스크립트 라이브러리 가져 오기

분류에서Dev

자바 스크립트 배열 용 템플릿 리터럴

분류에서Dev

크로스 플랫폼 자바 스크립트 라이브러리 생성

분류에서Dev

디렉티브 템플릿이로드 된 후 자바 스크립트 실행

분류에서Dev

자바 스크립트 템플릿 리터럴 및 Html 텍스트 영역

분류에서Dev

양식없이 템플릿 툴킷에 자바 스크립트 변수 전달

분류에서Dev

PHP 템플릿 시스템과 자바 스크립트 AJAX 템플릿

분류에서Dev

템플릿 플레이 프레임 워크 1.2.6에서 자바 스크립트 변수 가져 오기

분류에서Dev

Google 태그 관리자 맞춤 템플릿 샌드 박스 자바 스크립트 문제

분류에서Dev

Laravel 4- 자바 스크립트 코드 블레이드 템플릿 내 경로로 리디렉션

분류에서Dev

내 자바 스크립트 클래스와 addeventlistener 템플릿이 작동하지 않습니다.

분류에서Dev

PhpStorm 라이브 템플릿 용 Groovy 스크립트가 제안 된 상자를 제공합니까?

분류에서Dev

자바 스크립트를 평가하기 전에 디렉티브 템플릿을로드하는 방법

분류에서Dev

Ember 3.15, 템플릿 파일에서 구성 요소 자바 스크립트 분리

분류에서Dev

Django 쿼리 셋을 템플릿에서 자바 스크립트로 어떻게 렌더링합니까?

분류에서Dev

@ aspnet / signalr 대 @ microsoft / signalr 자바 스크립트 라이브러리

분류에서Dev

다중 파일 자바 스크립트 라이브러리

분류에서Dev

다중 파일 자바 스크립트 라이브러리

분류에서Dev

자바 스크립트 라이브러리 유성로드

분류에서Dev

CDNJS 오래된 자바 스크립트 라이브러리

분류에서Dev

Highcharts 자바 스크립트 라이브러리-Marker Halo ZIndex?

분류에서Dev

로드 된 자바 스크립트 라이브러리 검색

분류에서Dev

Haskell의 자바 스크립트 라이브러리 사용

분류에서Dev

자바 스크립트 Google Protobuf 라이브러리

분류에서Dev

나뭇 가지 템플릿 레이아웃의 자바 스크립트에서 오류가 발생 함

분류에서Dev

충돌 자바 스크립트 템플릿

분류에서Dev

Meteor JS-다중 템플릿 자바 스크립트

분류에서Dev

자바 스크립트 파일의 녹아웃 js 템플릿

Related 관련 기사

  1. 1

    오픈 소스 템플릿 및 자바 스크립트 라이브러리의 보안

  2. 2

    템플릿의 변수로 자바 스크립트 라이브러리 가져 오기

  3. 3

    자바 스크립트 배열 용 템플릿 리터럴

  4. 4

    크로스 플랫폼 자바 스크립트 라이브러리 생성

  5. 5

    디렉티브 템플릿이로드 된 후 자바 스크립트 실행

  6. 6

    자바 스크립트 템플릿 리터럴 및 Html 텍스트 영역

  7. 7

    양식없이 템플릿 툴킷에 자바 스크립트 변수 전달

  8. 8

    PHP 템플릿 시스템과 자바 스크립트 AJAX 템플릿

  9. 9

    템플릿 플레이 프레임 워크 1.2.6에서 자바 스크립트 변수 가져 오기

  10. 10

    Google 태그 관리자 맞춤 템플릿 샌드 박스 자바 스크립트 문제

  11. 11

    Laravel 4- 자바 스크립트 코드 블레이드 템플릿 내 경로로 리디렉션

  12. 12

    내 자바 스크립트 클래스와 addeventlistener 템플릿이 작동하지 않습니다.

  13. 13

    PhpStorm 라이브 템플릿 용 Groovy 스크립트가 제안 된 상자를 제공합니까?

  14. 14

    자바 스크립트를 평가하기 전에 디렉티브 템플릿을로드하는 방법

  15. 15

    Ember 3.15, 템플릿 파일에서 구성 요소 자바 스크립트 분리

  16. 16

    Django 쿼리 셋을 템플릿에서 자바 스크립트로 어떻게 렌더링합니까?

  17. 17

    @ aspnet / signalr 대 @ microsoft / signalr 자바 스크립트 라이브러리

  18. 18

    다중 파일 자바 스크립트 라이브러리

  19. 19

    다중 파일 자바 스크립트 라이브러리

  20. 20

    자바 스크립트 라이브러리 유성로드

  21. 21

    CDNJS 오래된 자바 스크립트 라이브러리

  22. 22

    Highcharts 자바 스크립트 라이브러리-Marker Halo ZIndex?

  23. 23

    로드 된 자바 스크립트 라이브러리 검색

  24. 24

    Haskell의 자바 스크립트 라이브러리 사용

  25. 25

    자바 스크립트 Google Protobuf 라이브러리

  26. 26

    나뭇 가지 템플릿 레이아웃의 자바 스크립트에서 오류가 발생 함

  27. 27

    충돌 자바 스크립트 템플릿

  28. 28

    Meteor JS-다중 템플릿 자바 스크립트

  29. 29

    자바 스크립트 파일의 녹아웃 js 템플릿

뜨겁다태그

보관