Promise.resolveに実装を追加

Question

thenメソッドの代わりにisValidメソッドを使用して、モデルをチェックするための小さなスクリプトを作成したいですか？

$('button').click(function() { 
 
    let model = Promise.resolve({ 
 
    then(x, y) { 
 
     let isValid = $('input[type=text]').val().length > 0; 
 
     x(isValid); 
 
    } 
 
    }); 
 
    
 
    model.then(isValid => console.log(isValid)); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<input type="text" /> 
 
<button>check</button>

私の目標：私が試した

if (model.isValid()) { 
    console.log('model is valid.'); 
} 

：

$('button').click(function() { 
 
    let model = Promise.resolve({ 
 
    isValid() { 
 
     let isValid = $('input[type=text]').val().length > 0; 
 
     return isValid; 
 
    } 
 
    }); 
 
    
 
    if (model.isValid()) { 
 
    console.log('model is valid.'); 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<input type="text" /> 
 
<button>check</button>

ここ

は、スクリプトが thenメソッドを使用しています

エラーメッセージ：

Uncaught TypeError: 'model.isValid' is not a function

私の質問：どのように私はこのケースでisValid関数を定義することができますか？

Answer 1

あなたは第2の実施のためにPromise.resolve戻りますので、そのランタイムエラーを取得：だから

a Promise object that is resolved with the given value. If the value is a thenable (i.e. has a "then" method), the returned promise will "follow" that thenable, adopting its eventual state; otherwise the returned promise will be fulfilled with the value.

あなたが定義した場合、そのように約束：

Promise.resolve({ 
    isValid() { 
     let isValid = $('input[type=text]').val().length > 0; 
     return isValid; 
    } 
    }); 

あなたが戻ってきていますオブジェクトはではない可\（then方法が、isValid 1）にあなたは、単にmodel.isValid()を行うことはできませんが、あなたが持っているので、：

$('button').click(function() { 
 
    let model = Promise.resolve({ 
 
    isValid() { 
 
     let isValid = $('input[type=text]').val().length > 0; 
 
     return isValid; 
 
    } 
 
    }); 
 
    
 
    model.then(res => { 
 
     if (res.isValid()) { 
 
     console.log('model is valid.'); 
 
     } 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<input type="text" /> 
 
<button>check</button>

Answer 2

なぜ、プロミスを使用する必要がありますか？あなたの例のよりシンプル

$('button').click(function() { 
    let isValid = $('input[type=text]').val().length > 0; 
    if (isValid) { 
    console.log('model is valid.'); 
    } 
});