Ce qui est une façon concise et robuste d'écrire ces déclarations en JavaScript?

https://stackoverflow.com/questions/1720032

19-09-2019
|

Question

J'ai un qui utilise des variables qui sont définies dans un objet littéral dans le document parent. Ces variables sont facultatives; si elles sont réglées, je veux utiliser leurs valeurs, de les affecter à une variable globale plus succincte; sinon, je veux appeler l'erreur de fonction (). </p> <P> Tout d'abord, cette déclaration est l'opérateur ternaire valide et efficace pour ce que je veux faire? Y a-t-il des pièges potentiels ici? </P> <pre><code>parent.settings.account ? var account = parent.settings.account : error(); </code></pre> <P> En second lieu, est-il un moyen plus concis pour écrire cette déclaration? </P> <P> Quelques-uns de ces variables sont facultatives, mais si elle est définie, ont une plage de valeurs acceptables. Ce qui est une façon robuste pour gérer cette situation? Quelque chose comme ça? </P> <pre><code>if (parent.settings.polling_interval && parent.settings.polling_interval >= 1000 && parent.settings.polling_interval <= 5000) { var polling_interval = parent.settings.polling_interval; } else { var polling_interval = 3000; // default } </code></pre> <P> En fait, si elle est indéfinie ou hors de portée, je veux utiliser une valeur par défaut. </P> <P> Puis-je compter sur juste une déclaration conditionnelle comme: </p> <pre><code>if (parent.settings.polling_interval) { ... } </code></pre> <P> ou dois-je vérifier si elle est définie, comme ça? </P> <pre><code>if (typeof parent.settings.polling_interval !== 'undefined') { ... } </code></pre> <P> Y at-il quelque chose de plus robuste et / ou concis? Merci pour tout conseil. </P> </div> </div> </div> <div id="boxRight" class="tab-content col-xl-6"> <div id="boxSoluzioneDescrizione" class="boxArticolo"> <div class="row"> <div class="col-md-6"> <div class="row justify-content-start"> <div class="col-md-12"> <form id="feedback" action="/fr/articolo/feedback" method="post"> <input type="hidden" name="_csrf" value="oH07DWY6d6vaBNK_LzP0VC1bPzUT5p1CxnEON-FqpZ2WJ044MEwE37BW5fxdAKIXWRpWRmrV-wavI0gBgjrz7g=="> <div class="hidden" style="display:none;"> <div class="form-group field-feedbackform-pagina required"> <input type="hidden" id="feedbackform-pagina" class="pagina" name="FeedbackForm[pagina]" value="/articolo/details"> <p class="help-block help-block-error"></p> </div> <div class="form-group field-feedbackform-idargomento"> <input type="hidden" id="feedbackform-idargomento" class="idArgomento" name="FeedbackForm[idArgomento]" value="367686"> <p class="help-block help-block-error"></p> </div> </div> <div> Était-ce utile? <div class="example-block text-center"> <label class="radio-inline" for="happy" style="font-size:1.5em;cursor:pointer;color:green;"> <i class="far fa-thumbs-up" title="This answer is useful"></i>   </label> <input type="radio" id="happy" class="voto input-hidden" name="FeedbackForm[voto]" value="10"> </div> <div class="example-block text-center"> <label class="radio-inline" for="sad" style="font-size:1.5em;cursor:pointer;color:red;"> <i class="far fa-thumbs-down" title="This answer is not useful"></i>   </label> <input type="radio" id="sad" class="voto input-hidden" name="FeedbackForm[voto]" value="0"> </div>  </div> <div class="row footer justify-content-between"> <div class="col"> <button type="button" class="btn btn-primary" data-dismiss="modal">Nous faire parvenir</button> </div> </div> </form> </div> </div> </div> <div class="col-md-6"> </div> </div> <div class="row "> <div class="col-md-12"> <p class="title" style="background-color:green;"> <i class="far fa-thumbs-up"></i> La solution </p> <div class="testo"> <P> Ceci est faux: </p> <pre><code>parent.settings.account ? var account = parent.settings.account : error(); </code></pre> <P> Vous voulez dire: </p> <pre><code>var account = parent.settings.account ? parent.settings.account : error(); </code></pre> <P> Ou même: </p> <pre><code>var account = parent.settings.account || error(); </code></pre> </div> </div> </div> </div> </div> </div> <div class="row mt-4 adv"> <div class="col-12 text-center"> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-5108424997424987" data-ad-slot="1879801491"></ins> <script defer async crossorigin="anonymous"> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="row mt-4 adv"> <div class="col-12 text-center"> </div> </div> <div class="row mt-4"> <div class="col-12"> <div id="boxSoluzioniAvanzate" class="boxArticolo soluzioni"> <p class="title" style="background-color:black;"><i class="fas fa-file-alt"></i> Autres conseils</p> <div class="testo"> <div id="alt1470498" class="boxBorderTop row noMargin pt-4"> <div class="col-md-12 text-left"> <i class="far fa-newspaper fa-2x mb-2" style="display:block;color:gray;"></i> </div> <div class="col-md-12"> <pre><code>var account = parent.settings.account; if (!account) error(); if ((p = parent.settings.polling_interval) && p >= 1000 && p <= 5000) { ... } var polling_interval = (p = parent.settings.polling_interval) && p >= 1000 && p <= 5000 ? p : 3000; </code></pre> </div> </div> <div id="alt1470499" class="boxBorderTop row noMargin pt-4"> <div class="col-md-12 text-left"> <i class="far fa-newspaper fa-2x mb-2" style="display:block;color:gray;"></i> </div> <div class="col-md-12"> <P> [1] </p> <pre><code>parent.settings.account ? ( var account = parent.settings.account ) : error(); </code></pre> <P> Cela soulèvera une SyntaxError puisque vous ne pouvez pas définir une variable de cette manière. </P> <P> Si <code>error()</code> déclenche une exception / renvoie une erreur alors que vous pouvez faire: </p> <pre><code> if ( !parent.settings.account ) { error() } // continue code </code></pre> <P> Comme indiqué précédemment, vous pouvez également assigner la variable à la propriété: </p> <pre><code>var account = parent.settings.account || error(); </code></pre> <P> [2] </p> <pre><code> var pollingInterval = parent.settings.polling_interval && parent.settings.polling_interval >= 1000 && parent.settings.polling_interval <= 5000 ? parent.settings.polling_interval : 3000; </code></pre> <P> [3] Vous pouvez utiliser <code>if ( parent.foo )</code> et si <code>foo</code> est indéfini aucune erreur stricte sera levée, mais il sera juste égal non défini, un parent assumant est toujours définie. </P> <P> Si les paramètres sont définis et polling_interval ne sont pas, même cas. Si vous êtes sûr que la propriété est définie et les paramètres opposez existeront, vous pouvez utiliser </p> <pre><code>if ( parent.settings.polling_interval ) { } </code></pre> <P> Il serait utile indiquant ce <code>error()</code> fait en réalité. </P> </div> </div> </div> </div> </div> </div> <div class="row mt-4"> <div class="col-12"> <div class="attribution"> <div>Licencié sous: <a href="https://creativecommons.org/licenses/by-sa/3.0/" target="_blank">CC-BY-SA</a> avec <a href="https://stackoverflow.blog/2009/06/25/attribution-required/" target="_blank">attribution</a></div> <div>Non affilié à <a href="https://stackoverflow.com/" target="_blank">StackOverflow</a></div> </div> </div> </div> <div id="share"></div> </div> <div class="row mb-4 adv"> <div class="col-md-12 text-center">  <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-5108424997424987" data-ad-slot="5412049179" data-ad-format="auto" data-full-width-responsive="true"></ins> <script defer async crossorigin="anonymous"> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> </div> </div> <aside id="bannerRight" class="col-xs-12 col-md-4 col-lg-3 text-center" > <div class="container mt-4"> <div class="row mb-4 adv"> <div class="col-md-12">  <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-5108424997424987" data-ad-slot="1592207755" data-ad-format="auto" data-full-width-responsive="true"></ins> <script defer async crossorigin="anonymous"> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="row adv"> <div class="col-md-12">  <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-5108424997424987" data-ad-slot="8889943968" data-ad-format="auto" data-full-width-responsive="true"></ins> <script defer async crossorigin="anonymous"> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="row topArticoli justify-content-center"> <div class="col-md-12 col-lg-10 pt-4"> </div> </div> </div> </aside> </div> </section>  <footer class="site-footer"> <div class="section-free d-block d-md-flex"> <div class="section-newsletter col"> </div> <div class="col content-free-projects mb-2"> <div> <p class="my-3">Liens utiles</p> </div> <div class="d-flex justify-content-around"> <div></div> <div> <a class="nav-link" href="https://www.generacodice.com/fr/tag">Mots clés</a> <a class="nav-link" href="https://www.generacodice.com/fr/site/aboutus">À propos de nous</a> <a class="nav-link" href="https://www.generacodice.com/fr/site/contacts">Contacts</a> <a class="nav-link" href="https://www.generacodice.com/fr/site/privacy">Confidentialité</a> </div> <div> <a class="nav-link social fb" href="https://www.facebook.com/generacodice" target="_blank"><i class="fab fa-facebook"></i> Facebook</a> <a class="nav-link social instagram" href="https://www.instagram.com/genera_codice" target="_blank"><i class="fab fa-instagram"></i> Instagram</a> </div> <div></div> </div> <div class="small-footer-link d-flex align-items-center justify-content-center"> <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top"> <input type="hidden" name="cmd" value="_s-xclick" /> <input type="hidden" name="hosted_button_id" value="42ZKUPRLM66J2" /> <input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donate_SM.gif" border="0" name="submit" title="PayPal - The safer, easier way to pay online!" alt="Donate with PayPal button" /> </form> </div> </div> </div> <div class="row m-0 justify-content-center text-center p-2"> <div class="col-md-5"> <p>Le contenu est autorisé sous Creative Commons.</p> <p class="mb-0">Si vous trouvez des violations du droit d'auteur, vous pouvez nous contacter à <a href="mailto:info@generacodice.com"> info@generacodice.com </a> pour demander la suppression du contenu.</p> </div> </div> </footer> <div id="scroll-to-top" style="display: block;background:none;"> <img src="https://www.generacodice.com/img/icone/scroll-top.svg" alt="scroll top" style="width:48px;height:48px;background-color:#fff;" /> </div>   <script src="https://www.googletagmanager.com/gtag/js?id=G-PNYLV6VWJG" async crossorigin="anonymous"></script> <script crossorigin="anonymous" defer> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-PNYLV6VWJG'); </script>  <script type="application/ld+json" crossorigin="anonymous"> { "@context": "https://schema.org", "@type": "WebSite", "url": "https://www.generacodice.com/", "potentialAction": { "@type": "SearchAction", "target": "https://www.generacodice.com/articolo?ricerca={search_term_string}", "query-input": "required name=search_term_string" } } </script>  <script>var lingua = "https://www.generacodice.com/fr";</script> <script src="/lib/wow.min.js" preload></script> <script src="/lib/js.cookie.min.js" preload></script> <script src="https://cdn.jsdelivr.net/npm/cookie-bar/cookiebar-latest.min.js?customize=1&tracking=1&thirdparty=1&always=1&noGeoIp=1&showNoConsent=1&showPolicyLink=1&privacyPage=https%3A%2F%2Fwww.generacodice.com%2Fsite%2Fprivacy" preload></script> <script src="/js/form_ricerca.js" preload></script> <script src="https://kit.fontawesome.com/99a60a9345.js" preload></script> <script src="/js/ads.js" defer="defer" preload></script> <script src="/js/main.js?timestamp=20221207" defer="defer" preload></script> <script src="/assets/44258436/yii.js"></script> <script src="/assets/44258436/yii.validation.js"></script> <script src="/assets/44258436/yii.activeForm.js"></script> <script src="/js/feedback.js" defer></script> <script src="/js/articulate.min.js"></script> <script src="/js/playerTesto.js?202310021220"></script> <script src="/lib/jssocials/jssocials.min.js"></script> <script src="/js/sceditor/minified/sceditor.min.js"></script> <script src="/js/sceditor/minified/formats/xhtml.js"></script> <script src="/js/articolo/details.js?202309292139"></script> <script>jQuery(function ($) { jQuery('#feedback').yiiActiveForm([{"id":"feedbackform-pagina","name":"pagina","container":".field-feedbackform-pagina","input":"#feedbackform-pagina","error":".help-block.help-block-error","validate":function (attribute, value, messages, deferred, $form) {yii.validation.required(value, messages, {"message":"Pagina ne peut être vide."});}},{"id":"feedbackform-idargomento","name":"idArgomento","container":".field-feedbackform-idargomento","input":"#feedbackform-idargomento","error":".help-block.help-block-error","validate":function (attribute, value, messages, deferred, $form) {yii.validation.number(value, messages, {"pattern":/^[+-]?\d+$/,"message":"Id Argomento doit être un entier.","skipOnEmpty":1});}}], []); });</script> <script> window.addEventListener('load', function() { var is_adsense_load = 0 window.addEventListener('scroll', function() { if (is_adsense_load == 0) { is_adsense_load = 1; var ele = document.createElement('script'); ele.async = true; ele.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js' var sc = document.getElementsByTagName('script')[0] sc.parentNode.insertBefore(ele, sc); (adsbygoogle = window.adsbygoogle || []).push({ google_ad_client: "ca-pub-5108424997424987", enable_page_level_ads: true }); } }) }) </script> </body> </html>