2016-02-16 8 views
11

Google ब्लॉग पोस्ट से भरा है और प्रश्न के उत्तर हैं कि ईएस 6 स्ट्रिंग अक्षरों से किसी को कैसे फायदा होना चाहिए।लांग, सिंगल लाइन ES6 स्ट्रिंग शाब्दिक

let a = `foo 
bar`; 

लेकिन यह कैसे निम्नलिखित की तरह लंबे समय तक एक पंक्ति तार लागू करने के लिए मैं कोई विवरण नहीं मिल सकता है:

let a = `This is a very long single line string which might be used to display assertion messages or some text. It has much more than 80 symbols so it would take more then one screen in your text editor to view it. Hello ${world}` 
और लगभग हर ब्लॉग पोस्ट गहराई में इस सुविधा को बताया गया हो कि बहु तार को लागू करने में कुछ विवरण है

कोई सुराग या कामकाज या एक के बजाय es3 तारों के लिए एक छड़ी चाहिए?

+1

आप पूछ रहे हैं इतना है कि यह अभी भी एक ही लाइन है, लेकिन कई से अधिक संपादक द्वारा प्रदर्शित किया जाता है कि कैसे आप कोड को स्वरूपित करना चाहिए? जेएस या ईएस 6 के साथ इसका कोई लेना-देना नहीं है, यह कुछ संपादक कुछ कर सकते हैं। –

+0

@ सर्गीउ पारसचिव जो सच है लेकिन क्या यह सिर्फ संपादक की ज़िम्मेदारी है? पायथन के लिए यानी पीईपी 8 स्टाइल गाइड है जो सुझाव देता है कि 80 प्रतीकों तक लंबी लाइनों का उपयोग न करें। जावास्क्रिप्ट के लिए ऐसे दिशानिर्देश नहीं हैं? गिटूब पर 80 से अधिक लाइनों के साथ कोड को कैसे देखना चाहिए? – canufeel

+0

दुर्भाग्यवश जावास्क्रिप्ट समुदाय का अपना पीईपी 8 नहीं है। विभिन्न शैलियों और सैकड़ों स्टाइल गाइड हैं। गिटहब पर आप निश्चित रूप से 80 लाइनों से अधिक कोड देख सकते हैं, आपको बस स्क्रॉल करने की आवश्यकता है। आपको ऐसी लंबी स्ट्रिंग लिखने की आवश्यकता क्यों है? इसके लिए शायद कामकाज हो। – Gpx

उत्तर

18

आप \ का उपयोग कर स्ट्रिंग के साथ एक नई लाइन पर जा सकते हैं। न्यूलाइन कैरेक्टर (\n) स्ट्रिंग में दिखाई नहीं देगा।

let a = `This is a very long single line string which might be used \ 
to display assertion messages or some text. It has much more than \ 
80 symbols so it would take more then one screen in your text \ 
editor to view it. Hello ${world}` 

वेतन ध्यान अपने स्ट्रिंग इंडेंट नहीं है, हालांकि या खरोज स्ट्रिंग में होगा:

let a = `Hello\ 
     World`; 

a === 'Hello   World' // true 
2

बस Gpx जवाब में जोड़ने के लिए: यदि आप this library के साथ अपने खरोज रख सकते हैं।

import {oneLineTrim} from 'common-tags' 

oneLineTrim` 
    https://news.com/article 
    ?utm_source=designernews.com 
`) 
// https://news.com/article?utm_source=designernews.com 
संबंधित मुद्दे