console.log("double"); එදිරිව. console.log('single');

නූල් හැසිරවීමේදී තනි උපුටා දැක්වීම් භාවිතා කරමින් ජාවාස්ක්‍රිප්ට් පුස්තකාල වැඩි වැඩියෙන් මම දකිමි. එකක් අනෙකට වඩා භාවිතා කිරීමට හේතු මොනවාද?

මම හිතුවේ ඒවා එකිනෙකට හුවමාරු විය හැකි බවයි.

විවිධ පුස්තකාලවල තනි එදිරිව ද්විත්ව භාවිතා කිරීමට බොහෝ දුරට හේතුව ක්‍රමලේඛක මනාපය සහ / හෝ API අනුකූලතාවයි. අනුකූල වීම හැරුණු විට, නූලට වඩාත් ගැලපෙන දේ භාවිතා කරන්න.

වෙනත් ආකාරයේ උපුටා දැක්වීම් වචනාර්ථයෙන් භාවිතා කිරීම:

alert('Say "Hello"');
alert("Say 'Hello'");

මෙය සංකීර්ණ විය හැකිය:

alert("It's \"game\" time.");
alert('It\'s "game" time.');

ECMAScript 6 හි තවත් විකල්පයක් වන්නේ අක්‍ෂරය භාවිතා කරන අච්චු වචනාර්ථයන් ය back-tick:

alert(`Use "double" and 'single' quotes in the same string`);
alert(`Escape the \` back-tick character and the \${ dollar-brace sequence in a string`);

අච්චු සාහිත්‍යකරුවන් සඳහා පිරිසිදු වාක්‍ය ඛණ්ඩයක් ඉදිරිපත් කරයි: විචල්‍ය අන්තර් මැදිහත්වීම, බහු රේඛා නූල් සහ තවත් දේ.

ද්විත්ව මිල ගණන් භාවිතා කිරීම සඳහා JSON විධිමත් ලෙස නිශ්චිතව දක්වා ඇති බව සලකන්න , එය පද්ධති අවශ්‍යතා මත පදනම්ව සලකා බැලීම වටී.

ඔබ JSON සමඟ ගනුදෙනු කරන්නේ නම්, තදින් කථා කරන විට, JSON නූල් ද්විත්ව උපුටා දැක්විය යුතු බව සැලකිල්ලට ගත යුතුය. නිසැකවම, බොහෝ පුස්තකාල තනි උපුටා දැක්වීම් සඳහා සහය දක්වයි, නමුත් තනි උපුටා දැක්වීමක් ඇත්ත වශයෙන්ම JSON ප්‍රමිතීන්ට අනුකූල නොවන බව වටහා ගැනීමට පෙර මගේ එක් ව්‍යාපෘතියක මට විශාල ගැටළු ඇති විය.

වඩා හොඳ විසඳුමක් තවත් නැත ; කෙසේ වෙතත්, සමහර විට ද්විත්ව උපුටා දැක්වීම් වඩාත් යෝග්‍ය යැයි මම තර්ක කිරීමට කැමැත්තෙමි:

• නවකයන්ට ඔවුන්ගේ භාෂාවෙන් ද්විත්ව උපුටා දැක්වීම් දැනටමත් හුරුපුරුදු වනු ඇත . ඉංග්‍රීසියෙන්, "උපුටා ගත් පෙළ ඡේදයක් හඳුනා ගැනීම සඳහා අපි ද්විත්ව උපුටා දැක්වීම් භාවිතා කළ යුතුය . අප තනි උපුටා දැක්වීමක් භාවිතා කරන්නේ නම් ', පා ra කයා එය සංකෝචනයක් ලෙස වැරදි ලෙස අර්ථ දැක්විය හැකිය. පෙළ ඡේදයක අනෙක් 'අරුතෙන් දැක්වෙන්නේ 'වාචික' අර්ථයයි. පෙර පැවති භාෂාවන්ට අනුකූලව සිටීම අර්ථවත් වන අතර, මෙය කේත ඉගෙනීම සහ අර්ථ නිරූපණය පහසු කරයි.
• ද්විත්ව උපුටා දැක්වීම් මගින් ප්‍රේරිතයන්ගෙන් ගැලවීමේ අවශ්‍යතාවය ඉවත් කරයි (හැකිලීම් වලදී මෙන්). නූල සලකා බලන්න:, "I'm going to the mall"එදිරිව 'I\'m going to the mall'.

• ද්විත්ව උපුටා දැක්වීම් වෙනත් බොහෝ භාෂාවලින් අදහස් කරයි . ඔබ ජාවා හෝ සී වැනි නව භාෂාවක් ඉගෙන ගන්නා විට, ද්විත්ව උපුටා දැක්වීම් සැමවිටම භාවිතා වේ. රූබි, පීඑච්පී සහ පර්ල්හි, තනි-උපුටා ගත් නූල් වලින් ඇඟවෙන්නේ බැක්ස්ලෑෂ් ගැලවීමක් නැති අතර ද්විත්ව උපුටා දැක්වීම් ඒවාට සහාය වන බවයි.

• JSON අංකනය ද්විත්ව උපුටා දැක්වීම් සමඟ ලියා ඇත.

එසේ වුවද, අනෙක් අය ප්‍රකාශ කර ඇති පරිදි, ස්ථාවරව සිටීම වඩාත් වැදගත් වේ.

පිරිවිතරයේ 7.8.4 වගන්තියේ වචනාර්ථයෙන් වචන අංකනය විස්තර කෙරේ. එකම වෙනස වන්නේ DoubleStringCharacter යනු "SourceCharacter නමුත් ද්විත්ව උපුටා දැක්වීමක් නොවේ" සහ SingleStringCharacter යනු "SourceCharacter නමුත් තනි උපුටා දැක්වීමක් නොවේ" යන්නයි. එබැවින් එකම වෙනස මෙසේ නිරූපණය කළ හැකිය:

'A string that\'s single quoted'

"A string that's double quoted"

එබැවින් එය රඳා පවතින්නේ ඔබට කොපමණ ප්‍රමාණයක් පැන යා යුතුද යන්න මතය. නිසැකවම එය ද්විත්ව උපුටා ගත් නූල්වල ද්විත්ව උපුටා දැක්වීම් සඳහා අදාළ වේ.

තනි මිල ගණන්

ද්විත්ව උපුටා දැක්වීම් සම්මතයක් යැයි මම ප්‍රාර්ථනා කරමි, මන්ද ඒවා තව ටිකක් අර්ථවත් කරයි , නමුත් මම දර්ශනයේ ආධිපත්‍යය දරන නිසා මම තනි උපුටා දැක්වීම් දිගටම භාවිතා කරමි.

තනි උපුටා දැක්වීම්:

• Airbnb
• ෆේස්බුක්
• ගූගල්
• මැසිවිලි නඟයි
• ගුල්ප්.ජේ
• Node.js
• npm ( කර්තෘගේ මාර්ගෝපදේශයෙහි අර්ථ දක්වා නැතත් )
• විකිමීඩියා
• වර්ඩ්ප්‍රෙස්
• යාන්ඩෙක්ස්

මනාපයක් නැත:

• Three.js

ද්විත්ව උපුටා දැක්වීම්:

• යතුරු ලියනය
• ඩග්ලස් ක්‍රොක්ෆර්ඩ්
• D3.js (අර්ථ දක්වා නැතත් .eslintrc)
• jQuery

වෙනස තනිකරම ශෛලීය බව පැවසීමට මම කැමතියි, නමුත් මට ඇත්ත වශයෙන්ම මගේ සැකයන් තිබේ. පහත උදාහරණය සලකා බලන්න:

/*
   Add trim() functionality to JavaScript...
    1. By extending the String prototype
    2. By creating a 'stand-alone' function
   This is just to demonstrate results are the same in both cases.
*/

// Extend the String prototype with a trim() method
String.prototype.trim = function() {
 return this.replace(/^\s+|\s+$/g, '');
};

// 'Stand-alone' trim() function
function trim(str) {
 return str.replace(/^\s+|\s+$/g, '');
};

document.writeln(String.prototype.trim);
document.writeln(trim);

සෆාරි, ක්‍රෝම්, ඔපෙරා සහ ඉන්ටර්නෙට් එක්ස්ප්ලෝරර් ( ඉන්ටර්නෙට් එක්ස්ප්ලෝරර් 7 සහ ඉන්ටර්නෙට් එක්ස්ප්ලෝරර් 8 හි පරීක්ෂා කර ඇත ), මෙය පහත සඳහන් දෑ ලබා දෙනු ඇත:

function () {
 return this.replace(/^\s+|\s+$/g, '');
}
function trim(str) {
 return str.replace(/^\s+|\s+$/g, '');
}

කෙසේ වෙතත්, ෆයර්ෆොක්ස් තරමක් වෙනස් ප්‍රති result ලයක් ලබා දෙනු ඇත:

function () {
    return this.replace(/^\s+|\s+$/g, "");
}
function trim(str) {
    return str.replace(/^\s+|\s+$/g, "");
}

තනි උපුටා දැක්වීම් ද්විත්ව උපුටා දැක්වීම් මගින් ප්‍රතිස්ථාපනය කර ඇත. (ඉන්ඩෙන්ටින් අවකාශය අවකාශ හතරකින් ප්‍රතිස්ථාපනය කළ ආකාරයද සටහන් කරන්න.) මෙය අවම වශයෙන් එක් බ්‍රව්සරයක්වත් ජාවාස්ක්‍රිප්ට් අභ්‍යන්තරව විග්‍රහ කරයි යන හැඟීම ලබා දෙයි. මෙම 'ප්‍රමිතියට' අනුව සෑම දෙයක්ම දැනටමත් ලියා ඇත්නම් ෆයර්ෆොක්ස් ජාවාස්ක්‍රිප්ට් විග්‍රහ කිරීමට අඩු කාලයක් ගතවනු ඇතැයි කෙනෙකුට සිතිය හැකිය.

තනි උපුටා දැක්වීම් කේතයේ වඩා හොඳ පෙනුමක් ඇති බව මා සිතන හෙයින්, එය මට ඉතා කණගාටුදායක පැන්ඩා බවට පත් කරයි. ප්ලස්, වෙනත් ක්‍රමලේඛන භාෂාවල, ඒවා සාමාන්‍යයෙන් ද්විත්ව මිල ගණන් වලට වඩා වේගවත් වේ, එබැවින් එය අර්ථවත් වන්නේ එය ජාවාස්ක්‍රිප්ට් සඳහා අදාළ වන්නේ නම් පමණි.

නිගමනය: මම හිතන්නේ අපි මේ ගැන තවත් පර්යේෂණ කළ යුතුයි.

සංස්කරණය කරන්න: මෙය 2003 දී පීටර්-පෝල් කොච්ගේ පරීක්ෂණ ප්‍රති results ල පැහැදිලි කරයි.

එක්ස්ප්ලෝරර් වින්ඩෝස් හි තනි උපුටා දැක්වීම් සමහර විට වේගවත් බව පෙනේ (දළ වශයෙන් මගේ පරීක්ෂණ වලින් 1/3 ක් වේගවත් ප්‍රතිචාර දැක්වීමේ වේලාවක් පෙන්නුම් කළේය), නමුත් මොසිල්ලා කිසියම් වෙනසක් පෙන්වන්නේ නම්, එය ද්විත්ව මිල ගණන් තරමක් වේගයෙන් හසුරුවයි. ඔපෙරා වල මට කිසිම වෙනසක් හමු නොවීය.

2014: ෆයර්ෆොක්ස් / ස්පයිඩර්මන්කි හි නවීන සංස්කරණ තවදුරටත් මෙය නොකරයි.

ඔබ පේළිගත ජාවාස්ක්‍රිප්ට් කරන්නේ නම් (තර්ක කළ හැකි “නරක” දෙයක්, නමුත් එම සාකච්ඡාවෙන් වැළකී සිටීම) තනි වචන උපුටා දැක්වීම් ඔබේ වචනාර්ථය සඳහා ඇති එකම විකල්පය නම්, මම විශ්වාස කරමි.

උදා, මෙය හොඳින් ක්‍රියාත්මක වේ:

<a onclick="alert('hi');">hi</a>

නමුත් මා දන්නා ඕනෑම ගැලවීමේ ක්‍රමයක් හරහා ඔබට “හායි” ද්විත්ව මිල ගණන් ඔතා තැබිය නොහැක. පවා "(ඔබ HTML පිළිබඳ විශ්ලේෂණයක් අගය මිල කැඳවීම් පලා එන කරනවා සිට) මගේ හොඳම අනුමානය වනු ඇත ෆයර්ෆොක්ස් තුළ මට වැඩ කරන්නේ නැහැ. "මේ අවස්ථාවේදී ඔබ ජාවාස්ක්‍රිප්ට් නොව HTML සඳහා පැන යන නිසාද ක්‍රියා නොකරනු ඇත.

එබැවින්, ක්‍රීඩාවේ නම අනුකූල නම්, සහ ඔබ ඔබේ යෙදුමේ සමහර කොටස් වල ජාවාස්ක්‍රිප්ට් කිහිපයක් කිරීමට යන්නේ නම්, මම සිතන්නේ තනි උපුටා දැක්වීම් ජයග්‍රාහකයා බවයි. කවුරුහරි කරුණාකර මාව නිවැරදි කරන්න.

තාක්ෂණික වශයෙන් කිසිදු වෙනසක් නැත. එය ශෛලිය හා සම්මුතිය පිළිබඳ කාරණය පමණි.

ඩග්ලස් ක්‍රොක්ෆර්ඩ් නිර්දේශ කරන්නේ අභ්‍යන්තර නූල් සඳහා තනි උපුටා දැක්වීම් සහ බාහිර සඳහා ද්විත්ව මිල ගණන් භාවිතා කිරීමයි (බාහිරින් අපි අදහස් කරන්නේ ඒවා පණිවිඩ හෝ ඇඟවීම් වැනි යෙදුම් පරිශීලකයාට පෙන්විය යුතු බවයි).

මම පෞද්ගලිකව එය අනුගමනය කරමි.

යාවත්කාලීන කිරීම: ක්‍රොක්ෆර්ඩ් මහතා තම අදහස වෙනස් කර ඇති අතර දැන් දෙවරක් උපුටා දැක්වීම් නිර්දේශ කරන බව පෙනේ :)

තදින් කිවහොත්, අර්ථයේ වෙනසක් නැත; එබැවින් තේරීම පහසුව සඳහා පහළට පැමිණේ.

ඔබේ තේරීමට බලපෑම් කළ හැකි සාධක කිහිපයක් මෙන්න:

• ගෘහ ශෛලිය: සමහර සංවර්ධකයින් කණ්ඩායම් දැනටමත් එක් සම්මුතියක් හෝ අනෙකක් භාවිතා කරයි.
• සේවාදායකයාගේ අවශ්‍යතා: ඔබ නූල් තුළ මිල ගණන් භාවිතා කරනවාද? ( ආඩිගේ පිළිතුර බලන්න .)
• සේවාදායක පාර්ශවීය භාෂාව: VB.NET පුද්ගලයින් ජාවාස්ක්‍රිප්ට් සඳහා තනි උපුටා දැක්වීම් භාවිතා කිරීමට තෝරා ගත හැකි වන අතර එමඟින් ස්ක්‍රිප්ට් සේවාදායක පැත්තෙන් සෑදිය හැකිය (VB.NET නූල් සඳහා ද්විත්ව උපුටා දැක්වීම් භාවිතා කරයි, එබැවින් ජාවාස්ක්‍රිප්ට් නූල් තනි භාවිතා කරන්නේ නම් ඒවා වෙන්කර හඳුනා ගැනීම පහසුය. උපුටා දැක්වීම්).
• පුස්තකාල කේතය: ඔබ විශේෂිත ශෛලියක් භාවිතා කරන පුස්තකාලයක් භාවිතා කරන්නේ නම්, ඔබම එකම ශෛලිය භාවිතා කිරීම ගැන සලකා බැලිය හැකිය.
• පුද්ගලික මනාපය: එක් හෝ වෙනත් විලාසිතාවක් වඩා හොඳ යැයි ඔබට සිතෙනු ඇත.

යොමු කිරීමක් කරන්නේ කුමක්දැයි බලමු.

Jquery.js ඇතුලත, සෑම නූලක්ම ද්වි-උපුටා දක්වා ඇත.

ඉතින්, දැන් පටන්, මම ද්වි-උපුටා ගත් නූල් භාවිතා කරමි. (මම තනි භාවිතා කරමින් සිටියෙමි!)

ඔබ භාවිතා කරන දෙයට අනුකූලව සිටින්න. නමුත් ඔබේ සුවපහසුව පහත් කරන්න එපා.

"This is my string."; // :-|
"I'm invincible."; // Comfortable :)
'You can\'t beat me.'; // Uncomfortable :(
'Oh! Yes. I can "beat" you.'; // Comfortable :)
"Do you really think, you can \"beat\" me?"; // Uncomfortable :(
"You're my guest. I can \"beat\" you."; // Sometimes, you've to :P
'You\'re my guest too. I can "beat" you too.'; // Sometimes, you've to :P

ECMAScript 6 යාවත්කාලීන කිරීම

අච්චු වචනාර්ථමය සින්ටැක්ස් භාවිතා කිරීම .

`Be "my" guest. You're in complete freedom.`; // Most comfort :D

මම පැහැදිලි දෙයක් එකතු නොකරනු ඇතැයි මම බලාපොරොත්තු වෙමි, නමුත් මම මේ සම්බන්ධයෙන් ජැන්ගෝ සහ අජැක්ස් සහ ජේඑස්එන් සමඟ පොරබදමින් සිටිමි .

ඔබේ HTML කේතයේ ඔබ සාමාන්‍යයෙන් ද්විත්ව උපුටා දැක්වීම් භාවිතා කරයි යැයි උපකල්පනය කරමින්, ජාවාස්ක්‍රිප්ට් හි ඉතිරි කොටස් සඳහා තනි උපුටා දැක්වීම් භාවිතා කිරීමට මම තරයේ යෝජනා කරමි.

ඒ නිසා මම ඇඩී සමඟ එකඟ වෙමි , නමුත් යම්කිසි පරිස්සමින්.

මගේ අවසාන කරුණ නම්:

ජාවාස්ක්‍රිප්ට් හි එය බොහෝ විට වැදගත් නොවේ, නමුත් ඔබ එය HTML තුළට කාවැද්දූ විගසම හෝ ඔබට කරදර ඇති වීමට පටන් ගනී. සැබවින්ම ගැලවී යන්නේ කුමක්ද, කියවීම, ඔබේ නූල පසු කිරීම යනු කුමක්දැයි ඔබ දැනගත යුතුය.

මගේ සරල නඩුව වූයේ:

tbox.innerHTML = tbox.innerHTML + '<div class="thisbox_des" style="width:210px;" onmouseout="clear()"><a href="https://stackoverflow.com/this/thislist/'
                   + myThis[i].pk +'"><img src="/site_media/'
                   + myThis[i].fields.thumbnail +'" height="80" width="80" style="float:left;" onmouseover="showThis('
                   + myThis[i].fields.left +','
                   + myThis[i].fields.right +',\''
                   + myThis[i].fields.title +'\')"></a><p style="float:left;width:130px;height:80px;"><b>'
                   + myThis[i].fields.title +'</b> '
                   + myThis[i].fields.description +'</p></div>'

ප්‍රදර්ශනයේ තුන්වන ක්ෂේත්‍රය තුළ ඔබට 'හඳුනාගත හැකිය.

ද්විත්ව උපුටා දැක්වීම ක්‍රියාත්මක වූයේ නැත!

එයට හේතුව පැහැදිලි ය, නමුත් අප තනි උපුටා දැක්වීම්වලට ඇලී සිටිය යුත්තේ මන්ද යන්නත් පැහැදිලිය ... .. මම හිතන්නේ ..

මෙම නඩුව ඉතා සරල HTML කාවැද්දීමකි, දෝෂය ජනනය කර ඇත්තේ 'ද්විත්ව උපුටා ගත්' ජාවාස්ක්‍රිප්ට් කේතයකින් සරල පිටපතක් / පේස්ට් කිරීමෙනි.

එබැවින් ප්රශ්නයට පිළිතුරු දීමට:

HTML තුළ සිටියදී තනි උපුටා දැක්වීම් භාවිතා කිරීමට උත්සාහ කරන්න. එය දෝශ නිරාකරණ ගැටළු කිහිපයක් ඉතිරි කරයි ...

එය බොහෝ දුරට ශෛලිය හා මනාපය පිළිබඳ කාරණයකි. අනෙක් පිළිතුරු වල තරමක් රසවත් හා ප්‍රයෝජනවත් තාක්ෂණික ගවේෂණ තිබේ, එබැවින් සමහර විට මා එකතු කළ හැකි එකම දෙය නම් ලෞකික උපදෙස් ටිකක් ලබා දීමයි.

• නම් ඔබ හා සමාගම හෝ කණ්ඩායමේ කේතනය කරන්නේ, එසේ නම් එය බොහෝ විට "හවුස් විලාසිතාවේ" අනුගමනය කිරීම හොඳ අදහසකි.

• නම් ඔබ පමණක් පැත්තක ව්යාපෘති කිහිපයක් අනවසරයෙන් ඇතුළුවී කරන්නේ, එසේ නම් ප්රජාව තුළ ප්රමුඛ නායකයන් කිහිපයක් බලන්න. උදාහරණයක් ලෙස, ඔබ Node.js වෙත පිවිසෙන බව කියමු . මූලික මොඩියුලයන් දෙස බලන්න, නිදසුනක් ලෙස, Underscore.js හෝ ප්‍රකාශ කරන්න සහ ඔවුන් භාවිතා කරන සම්මුතිය බලන්න, එය අනුගමනය කිරීම සලකා බලන්න.

• නම් සම්මුතීන් ජින්ජර්ව, භාවිතා පසුව නොකර ගන්නා ලෙසද ඔබගේ පෞද්ගලික කැමැත්ත.

• නම් ඔබ යම් පෞද්ගලික කැමැත්ත නැහැ, ඉන්පසු කාසියක් ගියහොත්.

• නම් ඔබ කාසියක් නැහැ, එසේ නම් බීර මට ය;)

මෙය අද ලෝකයේ අදාළදැයි මට විශ්වාස නැත, නමුත් පාලක අක්ෂර සැකසීමට අවශ්‍ය අන්තර්ගතය සඳහා ද්විත්ව මිල ගණන් භාවිතා කරන ලද අතර එසේ නොවූ නූල් සඳහා තනි උපුටා දැක්වීම්.

සම්පාදකයා ද්විත්ව උපුටා ගත් නූලක් මත නූල් හැසිරවීම ක්‍රියාත්මක කරන අතරම තනි උපුටා ගත් නූලක් වචනාර්ථයෙන් ස්පර්ශ නොකෙරේ. මෙය 'හොඳ' සංවර්ධකයින්ට පාලක අක්ෂර අඩංගු නොවන \nහෝ \0(තනි උපුටා දැක්වීම් තුළ ක්‍රියාවට නංවා නැති) නූල් සඳහා තනි මිල ගණන් භාවිතා කිරීමට තෝරා ගැනීමටත්, විග්‍රහ කිරීමට අවශ්‍ය වූ විට ද්විත්ව උපුටා දැක්වීම් සඳහාත් (CPU චක්‍රවල සුළු වියදමකින්) නූල සැකසීම).

ඔබ JSHint භාවිතා කරන්නේ නම්, ඔබ ද්විත්ව උපුටා ගත් නූලක් භාවිතා කරන්නේ නම් එය දෝෂයක් මතු කරයි.

මම එය භාවිතා කළේ AngularJS හි Yeoman පලංචිය හරහා, නමුත් සමහර විට මෙය වින්‍යාස කිරීමට ක්‍රමයක් තිබේ.

මාර්ගය වන විට, ඔබ ජාවාස්ක්‍රිප්ට් වෙත HTML හසුරුවන විට, තනි උපුටා දැක්වීමක් භාවිතා කිරීම පහසුය:

var foo = '<div class="cool-stuff">Cool content</div>';

අවම වශයෙන් JSON නූල් නිරූපණය කිරීම සඳහා ද්විත්ව උපුටා දැක්වීම් භාවිතා කරයි.

ඔබේ ප්‍රශ්නයට පිළිතුරු දීමට සුළු ක්‍රමයක් නොමැත.

තනි උපුටා දැක්වීම් භාවිතා කිරීමට එක් (මෝඩ) හේතුවක් වනුයේ ඒවා ටයිප් කිරීම සඳහා මාරුවීමේ යතුර එබීමට ඔවුන් ඔබට අවශ්‍ය නොවීමයි. (සාමාන්‍ය නූලෙන් ගැලවීම අවශ්‍ය නොවන බව මම උපකල්පනය කරමි, එය සාධාරණ උපකල්පනයකි.) දැන්, සෑම දිනකම මම කේත පේළි 200 ක් කේත කරමු යැයි සිතමු. සමහර විට එම පේළි 200 තුළ මට උපුටා දැක්වීම් 30 ක් ඇත. ද්විත්ව උපුටා දැක්වීමක් ටයිප් කිරීමට තනි උපුටා දැක්වීමක් ටයිප් කිරීමට වඩා තත්පර 0.1 ක කාලයක් ගතවනු ඇත (මට මාරුවීමේ යතුර එබිය යුතු නිසා). ඕනෑම දවසක මම තත්පර 3 ක් නාස්ති කරමි. මම වසර 40 ක් වසරකට දින 200 ක් මේ ආකාරයෙන් කේත කළහොත්, මම මගේ ජීවිතයේ පැය 6.7 ක් නාස්ති කළෙමි. සිතීමට ආහාර.

කාර්ය සාධනය ගැන කතා කිරීම, උපුටා දැක්වීම් කිසි විටෙකත් ඔබේ බාධකයක් නොවනු ඇත. කෙසේ වෙතත්, අවස්ථා දෙකෙහිම කාර්ය සාධනය සමාන වේ.

කේතීකරණ වේගය ගැන කතා කිරීම ', ඔබ නූලක් පරිසීම සඳහා භාවිතා කරන්නේ නම් , ඔබට "උපුටා දැක්වීම් වලින් ගැලවීමට අවශ්‍ය වනු ඇත . ඔබ "නූල් ඇතුළත භාවිතා කිරීමට වැඩි ඉඩක් ඇත . උදාහරණයක්:

// JSON Objects:
var jsonObject = '{"foo":"bar"}';

// HTML attributes:
document.getElementById("foobar").innerHTML = '<input type="text">';

ඉන්පසුව, මම 'නූල් පරිසීමනය සඳහා භාවිතා කිරීමට කැමැත්තෙමි , එබැවින් මට අඩු අක්ෂර වලින් ගැලවීමට සිදුවේ.

වාසි සහ අවාසි පරීක්ෂා කිරීම

තනි උපුටා දැක්වීම් සඳහා

• අඩු දෘශ්‍ය කැළඹීමක්.
• HTML උත්පාදනය: HTML ගුණාංග සාමාන්‍යයෙන් ද්විත්ව මිල ගණන් වලින් වෙන් කරනු ලැබේ.

elem.innerHTML = '<a href="' + url + '">Hello</a>';

elem.innerHTML = "<a href='" + url + "'>Hello</a>";

තවද, පේළිගත HTML සාමාන්‍යයෙන් ප්‍රති-රටාවකි. සැකිලි වලට වැඩි කැමැත්තක් දක්වන්න.

• JSON ජනනය කිරීම: JSON හි අවසර දී ඇත්තේ ද්විත්ව මිල ගණන් පමණි.

myJson = '{ "hello world": true }';

නැවතත්, ඔබට මේ ආකාරයෙන් JSON සෑදිය යුතු නොවේ. JSON.stringify () බොහෝ විට ප්‍රමාණවත් වේ. එසේ නොවේ නම්, සැකිලි භාවිතා කරන්න.

ද්විත්ව උපුටා දැක්වීම් සඳහා

• ඔබට වර්ණ කේතීකරණයක් නොමැති නම් ද්විත්ව හඳුනා ගැනීම පහසුය. කොන්සෝල ලොගයක හෝ යම් ආකාරයක දර්ශන-මූලාශ්‍ර සැකසුමක මෙන්.
• වෙනත් භාෂාවන්ට සමානකම්: ෂෙල් ක්‍රමලේඛනයේ (බෑෂ් ආදිය), තනි-උපුටා ගත් නූල් වචනාර්ථයන් පවතී, නමුත් පැන යාම ඒවා තුළ අර්ථ නිරූපණය නොවේ. සී සහ ජාවා නූල් සඳහා ද්විත්ව උපුටා දැක්වීම් සහ අක්ෂර සඳහා තනි උපුටා දැක්වීම් භාවිතා කරයි.
• ඔබට කේතය වලංගු JSON වීමට අවශ්‍ය නම්, ඔබ ද්විත්ව උපුටා දැක්වීම් භාවිතා කළ යුතුය.

දෙකටම පක්ෂව

JavaScript හි මේ දෙක අතර වෙනසක් නැත. එමනිසා, ඔබට මේ මොහොතේ පහසු ඕනෑම දෙයක් භාවිතා කළ හැකිය. උදාහරණයක් ලෙස, පහත දැක්වෙන වචන වචන සියල්ලම එකම නූලක් නිපදවයි:

    "He said: \"Let's go!\""
    'He said: "Let\'s go!"'
    "He said: \"Let\'s go!\""
    'He said: \"Let\'s go!\"'

අභ්‍යන්තර නූල් සඳහා තනි මිල ගණන් සහ බාහිර සඳහා දෙගුණයක්. එමඟින් අභ්‍යන්තර නියතයන් පරිශීලකයාට පෙන්විය යුතු නූල් වලින් වෙන්කර හඳුනා ගැනීමට ඔබට ඉඩ සලසයි (හෝ තැටියට ලියා ඇත). නිසැකවම, ඔබ ඔබේ කේතය තුළට දෙවැන්න තැබීමෙන් වැළකී සිටිය යුතුය, නමුත් එය සැමවිටම කළ නොහැක.

ද්විත්ව මිල ගණන් වලින් තනි මිල ගණන් වලට මාරුවීමට හේතුවක් ලෙස ඔබ සලකා බැලිය යුතු තවත් දෙයක් නම් සේවාදායක පැති ස්ක්‍රිප්ට් වල ජනප්‍රියතාවය වැඩි වීමයි. PHP භාවිතා කරන විට ඔබට විචල්යයන් සමත් විය හැකි අතර PHP හි නූල් සහ විචල්යයන් භාවිතා කරමින් ජාවාස්ක්‍රිප්ට් කාර්යයන් විග්‍රහ කළ හැකිය.

ඔබ නූලක් ලියා ඔබේ PHP සඳහා ද්විත්ව උපුටා දැක්වීම් භාවිතා කරන්නේ නම් ඔබට තනි මිල ගණන් වලින් ගැලවීමට සිදු නොවන අතර PHP ස්වයංක්‍රීයව ඔබ වෙනුවෙන් විචල්‍යයන්ගේ අගය ලබා ගනී.

උදාහරණය: මගේ සේවාදායකයෙන් විචල්‍යයක් භාවිතා කර මට ජාවාස්ක්‍රිප්ට් ශ්‍රිතයක් ක්‍රියාත්මක කිරීමට අවශ්‍යයි.

public static function redirectPage( $pageLocation )
{
    echo "<script type='text/javascript'>window.location = '$pageLocation';</script>";
}

මෙමඟින් නූල් එක්වීම සමඟ ගනුදෙනු කිරීමේදී මට බොහෝ කරදර ඉතිරි වන අතර මට PHP ලදායී ලෙස ජාවාස්ක්‍රිප්ට් එකක් PHP වෙතින් ඇමතිය හැකිය. මෙය එක් උදාහරණයක් පමණි, නමුත් මෙය ජාවාස්ක්‍රිප්ට් හි තනි උපුටා දැක්වීම් සඳහා ක්‍රමලේඛකයන් පෙරනිමි වීමට හේතු කිහිපයකින් එකක් විය හැකිය.

PHP ලේඛන වලින් උපුටා ගැනීම :

ද්වි-උපුටා ගත් නූල්වල වැදගත්ම ලක්ෂණය වන්නේ විචල්ය නම් පුළුල් වනු ඇත. විස්තර සඳහා නූල් විග්‍රහ කිරීම බලන්න.

තනි උපුටා දැක්වීම් භාවිතා කළ නොහැකි විට මම ද්විත්ව මිල ගණන් භාවිතා කරමි.

"'" + singleQuotedValue + "'"
'"' + doubleQuotedValue + '"'

වෙනුවට:

'\'' + singleQuotedValue + '\''
"\"" + doubleQuotedValue + "\""

මම පහත සඳහන් දෑ 20 වතාවක් පමණ ධාවනය කර ඇත්තෙමි. ද්විත්ව මිල ගණන් 20% ක් පමණ වේගවත් බව පෙනේ.

විනෝදජනක කොටස නම්, ඔබ 2 වන කොටස සහ 1 වන කොටස වටා වෙනස් කරන්නේ නම්, තනි මිල ගණන් 20% ක් පමණ වේගවත් වේ.

//Part1
var r='';
var iTime3 = new Date().valueOf();
for(var j=0; j<1000000; j++) {
    r+='a';
}
var iTime4 = new Date().valueOf();
alert('With single quote : ' + (iTime4 - iTime3));  

//Part 2                
var s="";
var iTime1 = new Date().valueOf();
for(var i=0; i<1000000; i++) {
    s += "a";
}
var iTime2 = new Date().valueOf();
alert('With double quote: ' + (iTime2 - iTime1));

කාර්ය සාධන වෙනස්කම් දැකීමට කියා සිටින අය සිටිති: පැරණි තැපැල් ලැයිස්තු නූල් . නමුත් මට ඒ කිසිවක් තහවුරු කිරීමට නොහැකි විය.

ප්රධාන දෙය නම්, ඔබේ නූල තුළ ඔබ භාවිතා කරන්නේ කුමන ආකාරයේ මිල ගණන් (ද්විත්ව හෝ තනි )ද යන්න සොයා බැලීමයි. පැන යාමේ සංඛ්‍යාව අඩු මට්ටමක තබා ගැනීමට එය උපකාරී වේ. නිදසුනක් ලෙස, ඔබ ඔබේ නූල් තුළ HTML අන්තර්ගතයන් සමඟ වැඩ කරන විට, තනි උපුටා දැක්වීම් භාවිතා කිරීම පහසු වන අතර එමඟින් ඔබට ගුණාංග වටා ඇති ද්විත්ව උපුටා දැක්වීම් වලින් ගැලවීමට සිදු නොවේ.

ජාවාස්ක්‍රිප්ට් හි තනි සහ ද්විත්ව උපුටා දැක්වීම් අතර වෙනසක් නැත.

පිරිවිතර වැදගත් ය:

සමහර විට කාර්ය සාධනය වෙනස් විය හැකි නමුත් ඒවා නියත වශයෙන්ම අවම වන අතර බ්‍රව්සර් ක්‍රියාත්මක කිරීම අනුව ඕනෑම දිනක් වෙනස් කළ හැකිය. ඔබේ ජාවාස්ක්‍රිප්ට් යෙදුම පේළි සිය දහස් ගණනක් දිග නම් මිස වැඩිදුර සාකච්ඡාව නිෂ් le ල වේ.

එය මිණුම් ලකුණක් නම්

a=b;

වඩා වේගවත්

a = b;

(අමතර අවකාශ)

අද, විශේෂිත බ්‍රව්සරයක සහ වේදිකාවක යනාදිය.

කෝපි ස්ක්‍රිප්ට් භාවිතා කරන විට මම ද්විත්ව උපුටා දැක්වීම් භාවිතා කරමි. ඔබ එකක් තෝරාගෙන එයට ඇලී සිටිය යුතු බවට මම එකඟ වෙමි. ද්විත්ව උපුටා දැක්වීම් භාවිතා කරන විට කෝපි ස්ක්‍රිප්ට් ඔබට අන්තර් මැදිහත්වීමක් ලබා දෙයි.

"This is my #{name}"

ECMAScript 6 අච්චු නූල් සඳහා පසුපස කිනිතුල්ලන් (`) භාවිතා කරයි. එයට බොහෝ විට හොඳ හේතුවක් ඇත, නමුත් කේතීකරණයේදී, අන්තර්සම්බන්ධතා ලක්ෂණය ලබා ගැනීම සඳහා වචන වචනාර්ථය උපුටා දැක්වීම් හෝ ද්විත්ව උපුටා දැක්වීම් සිට පසුපසට වෙනස් කිරීම විකාරයකි. කෝපි ස්ක්‍රිප්ට් පරිපූර්ණ නොවිය හැකි නමුත් සෑම තැනකම එකම වචන වචනාර්ථය භාවිතා කිරීම (ද්විත්ව උපුටා දැක්වීම්) සහ සෑම විටම අන්තර්සම්බන්ධනය කිරීම හොඳ ලක්ෂණයකි.

`This is my ${name}`

ඔබ ජාවාස්ක්‍රිප්ට් සහ සී # අතර ඉදිරියට පනින්නේ නම්, ද්විත්ව උපුටා දැක්වීම් වන පොදු සම්මුතිය සඳහා ඔබේ ඇඟිලි පුහුණු කිරීම වඩාත් සුදුසුය.

තදින්ම වෙනසක් නැත, එබැවින් එය බොහෝ දුරට රසය හා නූල් වල ඇති දේ (හෝ ජාවාස්ක්‍රිප්ට් කේතයම නූලක තිබේ නම්), පැන යාමේ සංඛ්‍යාව අඩු මට්ටමක තබා ගැනීම සඳහා වේ.

වේග වෙනස පුරාවෘත්තය පැමිණෙන්නේ PHP ලෝකයෙන් විය හැකිය, එහිදී උපුටා දැක්වීම් දෙක එකිනෙකට වෙනස් හැසිරීම් ඇත.

දැන් එය 2020 වන විට, අපි ජාවාස්ක්‍රිප්ට් සඳහා තුන්වන විකල්පය සලකා බැලිය යුතුය: සෑම දෙයක් සඳහාම තනි පසුපෙළ.

මෙය තනි හෝ ද්විත්ව මිල ගණන් වෙනුවට සෑම තැනකම භාවිතා කළ හැකිය.

එය ඔබට සියලු දේ කිරීමට ඉඩ දෙයි!

1. එහි ඇතුළත තනි මිල ගණන් ඇතුළත් කරන්න: `එය නියමයි!`

2. එහි ඇතුළත ද්විත්ව මිල ගණන් ඇතුළත් කරන්න: `එය" ඇත්තෙන්ම "නියමයි!`

3. නූල් අන්තර් මැදිහත්වීම භාවිතා කරන්න: මැදිහත්වීම `එය than ට වඩා" $ {වඩා හොඳ} "!

4. එය බහු පේළි වලට ඉඩ දෙයි: `

   මෙය

   සාදයි

   ජාවාස්ක්‍රිප්ට්

   වඩා හොඳ!

`

අනෙක් දෙක ප්‍රතිස්ථාපනය කිරීමේදී එය කිසිදු ක්‍රියාකාරීත්ව අලාභයක් සිදු නොකරයි: ජාවාස්ක්‍රිප්ට් හි අනෙක් නූල් වලට වඩා බැක්ටික්ස් (``) මන්දගාමීද?

ගූගල් ක්ලෝසර් සම්පාදකයා තනි උපුටා දැක්වීම් ද්විත්ව උපුටා දැක්වීම් බවට පරිවර්තනය කරන බැවින් එය වේගවත් විය හැකි හෝ වාසි තිබිය හැකි යැයි කියන සියලුම පිළිතුරු කියවීමෙන් පසු, මම කියන්නේ ද්විත්ව මිල ගණන් වඩා හොඳ හෝ වේගවත් විය හැකි බවයි .

ඔබේ ජාවාස්ක්‍රිප්ට් ප්‍රභවය නම්

elem.innerHTML="<img src='smily' alt='It\'s a Smily' style='width:50px'>";

HTML ප්‍රභවය වනුයේ:

<img src="smiley" alt="It's a Smiley" style="width:50px">

හෝ HTML5 සඳහා

<img src=smiley alt="It's a Smiley" style=width:50px>

ජාවාස්ක්‍රිප්ට් එවැනි අරා වලට ඉඩ දෙයි:

var arr=['this','that'];

නමුත් ඔබ එය තදින් අල්ලා ගන්නේ නම්, එය අනුකූලතා හේතූන් සඳහා වනු ඇත:

JSON=["this","that"]

මට විශ්වාසයි මේ සඳහා යම් කාලයක් ගතවනු ඇත.

මගේ ශත දෙක එකතු කිරීම සඳහා : මීට වසර කිහිපයකට පෙර ජාවාස්ක්‍රිප්ට් සහ පීඑච්පී යන දෙකම සමඟ වැඩ කිරීමේදී, මම තනි උපුටා දැක්වීම් භාවිතා කිරීමට පුරුදු වී සිටිමි, එවිට මට ගැලවී යාමේ චරිතය ('') ටයිප් කළ හැකිය. ගොනු මාර්ග ආදිය සමඟ අමු නූල් ටයිප් කිරීමේදී මම සාමාන්‍යයෙන් එය භාවිතා කළෙමි .

කෙසේ වෙතත්, මගේ සම්මුතිය අවසන් වූයේ හඳුනාගැනීමේ ආකාරයේ අමු නූල්වල තනි උපුටා දැක්වීම් if (typeof s == 'string') ...(එනම් ගැලවීමේ අක්ෂර කිසි විටෙකත් භාවිතා නොකෙරේ - කවදාවත්) සහ "හේයි, කුමක් සිදුවේද?" වැනි පෙළ සඳහා ද්විත්ව උපුටා දැක්වීම් ය . හඳුනාගැනීමේ නම් පෙන්වීම සඳහා යතුරු ලියන සම්මුතියක් ලෙස මම අදහස් දැක්වීම්වල තනි උපුටා දැක්වීම් භාවිතා කරමි. මෙය නියමාකාර නීතියක් පමණක් වන අතර, HTML නූල් ටයිප් කිරීමේදී වැනි අවශ්‍ය විටෙක පමණක් මම එය බිඳ දමමි '<a href="#"> like so <a>'(ඔබට මෙහි උපුටා දැක්වීම් ආපසු හැරවිය හැකි වුවද). JSON සම්බන්ධයෙන් නම්, ද්විත්ව උපුටා දැක්වීම් නම් සඳහා භාවිතා කරන බව මම දනිමි - නමුත් ඉන් පිටත, පුද්ගලිකව, මම පැන යාමේ දී තනි උපුටා දැක්වීම් වලට වැඩි කැමැත්තක් දක්වන්නේ උපුටා දැක්වීම් අතර පෙළ සඳහා කිසි විටෙකත් අවශ්‍ය නොවන - වැනිdocument.createElement('div') .

අවසාන කරුණ නම්, සමහරු සඳහන් කර ඇති පරිදි / සඳහන් කර ඇති පරිදි, සමුළුවක් තෝරා ගැනීම, එය සමඟ බැඳී සිටීම සහ අවශ්‍ය විට පමණක් අපගමනය වීම ය.