සමහර විචල්‍යයන් ශ්‍රිතයක් තුළ ඉඩ දී වෙනත් ශ්‍රිතයක් තුළ ලබා ගත හැකි අතර අනෙක් ඒවා යොමු දෝෂයක් ඇති කරන්නේ ඇයි?

ශ්‍රිතයක් තුළ ප්‍රකාශ වන විට විචල්‍යයන් එතරම් අමුතු ලෙස ක්‍රියා කරන්නේ මන්දැයි මට තේරුම් ගත නොහැක.

1. තුළ firstක්රියාව මම ප්රකාශ letවිචල්යයන් bසහ cවටිනාකම සමග 10 :

   b = c = 10;

   තුළ secondකාර්යය මට පෙන්වන්න:

   b + ", " + c

   මෙය පෙන්නුම් කරන්නේ:

   10, 10

2. එසේම firstක්‍රියාකාරීත්වයේ දී මම 10a අගය සමඟ ප්‍රකාශ කරමි :

   let a = b = c = 10;

   නමුත් secondශ්‍රිතයේ එය දෝෂයක් පෙන්වයි:

   විචල්‍යය සොයාගත නොහැක: a

3. දැන් firstශ්‍රිතයේ දී මම 20d අගය සමඟ ප්‍රකාශ කරමි :

   var d = 20;

   නමුත් secondශ්‍රිතයේ එය පෙර මෙන් දෝෂයක් පෙන්නුම් කරයි, නමුත් විචල්‍යය සමඟ d:

   විචල්‍යය සොයාගත නොහැක: d

උදාහරණයක්:

function first() {
  let a = b = c = 10;
  var d = 20;
  second();
}

function second() {
  console.log(b + ", " + c); //shows "10, 10"

  try{ console.log(a); }  // Rreference error
  catch(e){ console.error(e.message) }

  try{ console.log(d); } // Reference error
  catch(e){ console.error(e.message) }
}
first()

ඒ ඔබ සැබවින්ම පවසන බැවිනි:

c = 10;
b = c;
let a = b;

ඔබ කියන්නේ යැයි ඔබ සිතන දේ නොවේ, එනම්:

let a = 10;
let b = 10;
let c = 10;

ඔබේ දාමයට ඔබ කොපමණ විචල්‍යයන් එකතු කළත්, එය දෝෂයට හේතු වන පළමු (අ) පමණක් බව ඔබට පෙනෙනු ඇත.

මෙයට හේතුව ඔබ ප්‍රකාශ කරන ඔබේ විචල්‍යය වාරණයට (හෝ, “දේශීයව”, වැඩි හෝ අඩු අර්ථයක් “වරහන් තුළ”) ලබා ගැනීමයි.

ඔබ "ඉඩ නොදී" විචල්යයක් ප්රකාශ කරන්නේ නම්, එය විචල්යය ගෝලීයව පරික්ෂා කරයි.

එබැවින්, ඔබ ඔබේ විචල්‍යයන් සකසන ශ්‍රිතයේ දී, සෑම දෙයකටම 10 අගය ලැබේ (ඔබ බ්‍රේක්පොයින්ට් එකක් දැමුවහොත් මෙය නිදොස්කරණයෙහි දැකිය හැකිය). එම පළමු ශ්‍රිතයේ ඔබ a, b, c සඳහා කොන්සෝල ලොගයක් දැමුවහොත්, සියල්ල හොඳින් වේ.

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

මෙයට හේතුව, ඉල්ලුම් කිරීමට පමණක් ඉඩ දෙන්න (එබැවින් දේශීය වශයෙන් පමණක්) පළමු විචල්‍යතාව - නැවතත්, තාක්‍ෂණිකව අවසන් වරට ප්‍රකාශයට පත් කර වටිනාකමක් ලබා දී ඇති දාමයයි. ඉතිරිය තාක්ෂණික වශයෙන් ඔවුන් ඉදිරිපිට "ඉඩ" නැත. එබැවින් ඒවා තාක්‍ෂණිකව ගෝලීයව ප්‍රකාශයට පත් කෙරේ (එනම් ගෝලීය වස්තුව මත), එම නිසා ඒවා ඔබගේ දෙවන ශ්‍රිතයේ දිස් වේ.

එය උත්සාහ කරන්න: "ඉඩ" යතුර ඉවත් කරන්න. ඔබගේ සියලු වර්‍ග දැන් ලබා ගත හැකිය.

"var" ට සමාන දේශීය විෂය පථයක් ඇත, නමුත් විචල්‍යය "ඔසවා" ඇති ආකාරය අනුව වෙනස් වේ, එය ඔබ අනිවාර්යයෙන්ම තේරුම් ගත යුතු දෙයක් වන නමුත් එය ඔබේ ප්‍රශ්නයට directly ජුව සම්බන්ධ නොවේ.

(බී.ටී.ඩබ්ලිව්., මෙම ප්‍රශ්නය ජේ.එස්.

JS හි විචල්‍යයන් ප්‍රකාශ කළ හැකි ආකාරයෙහි වෙනස්කම් සමඟ කාලය ගත කිරීමට තරයේ යෝජනා කරන්න: මූල පදයක් නොමැතිව, “ඉඩ දෙන්න” සහ “var” සමඟ.

ශ්‍රිතයේ දී first(), විචල්‍යයන් bසහ cභාවිතා නොකර varහෝ භාවිතා නොකර මැස්සන් මත නිර්මාණය වේ let.

let a = b = c = 10; // b and c are created on the fly

වඩා වෙනස් ය

let a = 10, b = 10, c = 10; // b and c are created using let (note the ,)

ඒවා ව්‍යාජ ගෝලීය බවට පත්වේ. ඒවා ලබා ගත හැක්කේ එබැවිනිsecond()

සිට ප්රලේඛනය

ප්‍රකාශ නොකළ විචල්‍යයකට අගයක් පැවරීම, පැවරුම ක්‍රියාත්මක කරන විට එය ගෝලීය විචල්‍යයක් ලෙස (එය ගෝලීය වස්තුවේ දේපලක් බවට පත්වේ) ව්‍යංගයෙන් නිර්මාණය කරයි.

මෙය වළක්වා ගැනීම සඳහා, ඔබ "use strict"විසින් ප්‍රකාශයට පත් නොකළ විචල්‍යයක් භාවිතා කරන විට දෝෂ ලබා දෙන භාවිතා කළ හැකිය

"use strict"; // <-------------- check this

function first() {
   /*
    * With "use strict" c is not defined.
    * (Neither is b, but since the line will be executed from right to left,
    * the variable c will cause the error and the script will stop)
    * Without, b and c become globals, and then are accessible in other functions
    */
   let a = b = c = 10;
   var d = 20;
   second();
}

function second() {
   console.log(b + ", " + c); //reference error
   console.log(a); //reference error
   console.log(d); //reference error
}

first();

දේවල් අමුතු ලෙස හැඳින්වීමට පෙර, අපි මුලින් මූලික කරුණු කිහිපයක් දැන ගනිමු:

var සහ let යන දෙකම ජාවාස්ක්‍රිප්ට් හි විචල්‍ය ප්‍රකාශනය සඳහා භාවිතා කරයි. උදාහරණයක් වශයෙන්,

var one = 1;
let two = 2;

භාවිතයෙන් තොරව varහෝ විචල්‍යයන් ප්‍රකාශ කළ හැකිය let. උදාහරණයක් වශයෙන්,

three = 3;

දැන් ඉහත ප්‍රවේශයන් අතර වෙනස එයයි:

var ශ්‍රිතය විෂය පථය වේ

හා

let බ්ලොක් විෂය පථය.

var/ letපදය නොමැතිව ප්‍රකාශිත විචල්‍යයන්ගේ විෂය පථය එය ප්‍රකාශයට පත් කළ ස්ථානය කුමක් වුවත් ගෝලීය බවට පත්වේ .

වෙබ් පිටුවේ ඕනෑම තැනක සිට ගෝලීය විචල්‍යයන්ට ප්‍රවේශ විය හැකිය (ග්ලෝබල් අහම්බෙන් වෙනස් කළ හැකි බැවින් නිර්දේශ නොකරයි).

දැන් මෙම සංකල්පයන්ට අනුව ප්‍රශ්නාර්ථ කේතය දෙස බලමු:

 function first() {
   let a = b = c = 10;
   /* The above line means:
    let a=10; // Block scope
    b=10; // Global scope
    c=10; // Global scope
    */

   var d = 20; // Function scope
   second();
}

function second() {
   alert(b + ", " + c); // Shows "10, 10" //accessible because of global scope
   alert(a); // Error not accessible because block scope has ended
   alert(d); // Error not accessible because function scope has ended
}

letමූල පදය භාවිතා කරන විචල්‍යයන් තිබිය යුත්තේ බ්ලොක් විෂය පථය තුළ පමණක් වන අතර බාහිර ශ්‍රිතයකින් ලබාගත නොහැක ...

ඔබ එසේ ප්රකාශ කරන බව එක් එක් විචල්ය භාවිතා කර නැත letහෝ var. විචල්ය ප්රකාශයේ ඔබට කොමාවක් නොමැත.

එය ඇත නිර්දේශ නොකෙරේ ද තොරව විචල්ය ලෙස ප්රකාශ කිරීම සඳහා varඉඟි පද. එය අහම්බෙන් පවතින ගෝලීය විචල්‍යයක් නැවත ලිවිය හැකිය. varමූල පදය නොමැතිව ප්‍රකාශිත විචල්‍යයන්ගේ විෂය පථය එය ප්‍රකාශයට පත් කළ ස්ථානය කුමක් වුවත් ගෝලීය බවට පත්වේ. වෙබ් පිටුවේ ඕනෑම තැනක සිට ගෝලීය විචල්‍යයන්ට ප්‍රවේශ විය හැකිය.

function first() {
   let a = 10;
   let b = 10;
   let c = 10;
   var d = 20;
   second();
}

function second() {
   console.log(b + ", " + c); //shows "10, 10"
   console.log(a); //reference error
   console.log(d); //reference error
}

first();

එයට හේතුව ඔබ භාවිතා නොකරන විට letහෝ varවිචල්‍යය පියාසර කරන විට ප්‍රකාශයට පත් වීමයි.

let a = 10;
let b = 10;
let c = 10;

අමුතු ගැටළුව ඇති වන්නේ ජාවාස්ක්‍රිප්ට් හි විෂය පථයන් මග හැරීමෙනි

function first() {
   let a = b = c = 10; // a is in local scope, b and c are in global scope
   var d = 20; // d is in local scope
   second(); // will have access to b and c from the global scope
}

දේශීය විචල්‍යයන් 3 ක් එකම අගයකට (100) ආරම්භ කිරීමට ඔබට අවශ්‍ය යැයි උපකල්පනය කරන්න . ඔබගේ පළමු () පහත පරිදි වේ. මෙම අවස්ථාවේ දී, දෙවන () පළමු () සිට දේශීය බැවින් කිසිදු විචල්‍යයකට ප්‍රවේශ නොවනු ඇත.

function first() {
   let a = 100; // a is in local scope init to 100
   let b = a; // b is in local scope init to a
   let c = b // c is in local scope init to b

   var d = 20; // d is in local scope
   second(); // will not have access a, b, c, or d
}

කෙසේ වෙතත්, ඔබට ගෝලීය විචල්‍යයන් අවශ්‍ය නම් ඔබේ පළමු () පහත දැක්වේ. මෙම අවස්ථාවෙහිදී, තත්පරයට සියළුම විචල්‍යයන්ට ගෝලීය විෂය පථය ඇති බැවින් ඒවාට ප්‍රවේශය ලැබේ

function first() {
   a = 100; // a is in global scope
   b = a; // b is in global scope
   c = b // c is in global scope

   d = 20; // d is in global scope
   second(); // will have access to a, b, c, and d from the global scope
}

දේශීය විචල්යයන් (ඒවා ප්රකාශයට පත් කරන ලද කේත කොටසෙහි ප්රවේශ විය හැකිය).
කේත වාරණයක් යනු ඕනෑම {line අතර රේඛා (ය) අතර වේ.

• ශ්‍රිතය () {var, ඉඩ දෙන්න, මෙහි වින්‍යාසය සම්පූර්ණ ශ්‍රිතයට ප්‍රවේශ විය හැකිය},
• සඳහා () here var මෙහි බාහිර විෂය පථයට ප්‍රවේශ විය හැකිය, ඉඩ දෙන්න, මෙහි ප්‍රවේශ විය හැක්කේ මෙහි පමණි},
• ආදිය.
  

ගෝලීය විචල්‍යයන් (ගෝලීය විෂය පථයට ප්‍රවේශ විය හැකිය).
මෙම විචල්යයන් ගෝලීය වස්තුවට අනුයුක්ත කර ඇත. ගෝලීය වස්තුව පරිසරය මත රඳා පවතී. එය බ්‍රව්සර්වල ඇති කවුළු වස්තුවයි.

විශේෂ සටහන: var, let, const keywords භාවිතා නොකර ඔබට JavaScript හි විචල්‍යයන් ප්‍රකාශ කළ හැකිය. මේ ආකාරයෙන් ප්‍රකාශයට පත් කරන ලද විචල්‍යයක් ගෝලීය වස්තුවට අනුයුක්ත කර ඇති බැවින් ගෝලීය විෂය පථයට ප්‍රවේශ විය හැකිය.
a = 100 // is valid and is in global scope

වැඩිදුර කියවීම සඳහා සමහර ලිපි: https://www.sitepoint.com/demystifier-javascript-variable-scope-hoisting/ https://scotch.io/tutorials/understanding-scope-in-javascript https: //www.digitalocean .com / community / tutorials / understanding-variable-scope-hosting-javascript

ප්‍රධාන වෙනස වන්නේ විෂය පථය පාලනය කිරීමයි. Var keyword මගින් ප්‍රකාශයට පත් කරන ලද විචල්‍යයන් ක්ෂණික ශ්‍රිතයට (එබැවින් ශ්‍රිත විෂය පථය) විෂය පථයට ඇතුළත් කර ඇති අතර variable} මගින් දැක්වෙන ක්ෂණික කොටු කොටසට විචල්යයන් ඉඩ දෙනු ලැබේ (එබැවින් වාරණ විෂය පථය). ඔබ කියන විට

c = 10;
b = c;
let a = b;

c සහ b වල ආයු කාලය විනෝදයක් ඇති නමුත් ඒවාට ඇත්තේ වාරණ කාල සීමාවක් පමණි. ඔබ එය යොමු කිරීමෙන් ප්‍රවේශ වීමට උත්සාහ කරන්නේ නම් එය සැමවිටම දෝෂයක් පෙන්නුම් කරයි. නමුත් c සහ b ගෝලීයව පවතින බැවින් ඒවා එසේ නොවේ. ඔබ කොපමණ සංඛ්‍යාවක් සිටියත් එය නොපෙනේ ඔබේ දාමයට ඔබ එකතු කරන විචල්‍යයන්, එය දෝෂයට හේතු වන පළමු (අ) පමණි. මෙයට හේතුව ඔබේ විචල්‍යය වාරණයට "ඉඩ දෙන්න" (හෝ, "දේශීයව", වැඩි හෝ අඩු අර්ථයක් "වරහන් තුළ") ඔබ එය ප්‍රකාශ කරන විට. ඔබ "ඉඩ නොදී" විචල්‍යයක් ප්‍රකාශ කරන්නේ නම්, එය ගෝලීයව විචල්‍යය පරික්ෂා කරයි. එබැවින්, ඔබ ඔබේ විචල්‍යයන් සකසන ශ්‍රිතයේ දී සෑම දෙයකම අගය 10 ක් ලබා ගනී (ඔබ මෙය දෝශ නිරාකරණයේදී දැකිය හැකිය. break-point). ඔබ එම පළමු ශ්‍රිතයේ a, b, c සඳහා කොන්සෝල ලොගයක් දැමුවහොත් සියල්ල හොඳයි. නමුත් ඔබ එම ශ්‍රිතයෙන් ඉවත් වූ විගසම පළමු එක (අ) - නැවත මතක තබා ගන්න,

ජාවාස්ක්‍රිප්ට් හි විචල්‍ය ප්‍රකාශනවල සිත්ගන්නා කරුණු 3 මෙන්න:

1. var විචල්‍යයේ විෂය පථය එය අර්ථ දක්වා ඇති කොටස වෙත සීමා කරයි. ( '' Var ' සඳහා දේශීය විෂය පථය .)

2. බ්ලොක් එකක් තුළ බාහිර විචල්‍යයක අගය තාවකාලිකව අභිබවා යාමට ඉඩ දෙන්න .

3. හුදෙක් තොරව variable එකක් var හෝ කිරීමටද නොතකා එය ප්රකාශයට පත් කරනු ලබන නිසා විචල්ය ගෝලීය වනු ඇත.

භාෂාවට නවතම එකතු කිරීම වන ඉඩ ප්‍රස්ථාරය මෙන්න :

// File name:  let_demo.js

function first() {
   a = b = 10
   console.log("First function:    a = " + a)
   console.log("First function:    a + b = " + (a + b))
}

function second() {
    let a = 5
    console.log("Second function:    a = " + a)
    console.log("Second function:    a + b = " + (a + b))
}

first()   

second()

console.log("Global:    a = " + a)
console.log("Global:    a + b = " + (a + b))

ප්‍රතිදානය:

$ node let_demo.js 

First function:    a = 10
First function:    a + b = 20

Second function:    a = 5
Second function:    a + b = 15

Global:    a = 10
Global:    a + b = 20

පැහැදිලි කිරීම:

A සහ b විචල්‍යයන් ' පළමු () ' තුළ විචලනය කර ඇත .

එබැවින්, a සහ b ගෝලීය වන අතර එම නිසා වැඩසටහන පුරාම ප්‍රවේශ විය හැකිය.

නම් උත්සවයට දෙවන ' , මෙම ප්රකාශය ' ඉඩ a = 5 ' තාවකාලිකව' වටිනාකම සකසයි වූ කිරීමට '' 5 '', පමණක් කාර්යය හි විෂය පථය තුල.

ගෝලීය විෂය පථය තුළ ' දෙවන () ' විෂය පථයෙන් පිටත , අයිඊ, ' අ ' හි අගය කලින් අර්ථ දක්වා ඇති පරිදි වේ.