జావాస్క్రిప్ట్ ఉత్తమ ప్రక్రియలు

గ్లౌబల్ వేరువేరు వ్యవస్థాపకాలను నివారించండిnew,====,eval()

గ్లౌబల్ వేరువేరు వ్యవస్థాపకాలను నివారించండి

గ్లౌబల్ వేరువేరు వ్యవస్థాపకాలను తక్కువగా ఉపయోగించండి.

ఇది అన్ని డేటా టైప్లు, ఆబ్జెక్ట్లు మరియు ఫంక్షన్లను కలిగి ఉంటుంది.

గ్లౌబల్ వేరువేరు వ్యవస్థాపకాలు ఇతర స్క్రిప్ట్లను అధిగమించవచ్చు.

లోపలిచ్చు వేరువేరు వ్యవస్థాపకాలను ఉపయోగించండి మరియు వాటిని ఉపయోగించడానికి తెలుసుకోండిక్లౌజర్.

లోపలిచ్చు వేరువేరు వ్యవస్థాపకాలను ఎల్లప్పుడూ ప్రకటించండి

ఫంక్షన్లో ఉపయోగించే అన్ని వేరువేరు వ్యవస్థాపకాలను ప్రకటించాలిలోపలిచ్చువేరువేరు వ్యవస్థాపకాలు

లోపలిచ్చు వేరువేరు వ్యవస్థాపకాలుఅవసరంద్వారా var ప్రకటనలను కీలకపదాలతో చేయండి, లేకపోతే వాటిని గ్లౌబల్ వేరువేరువ్యవస్థాపకాలు అవుతాయి.

స్ట్రిక్ట్ మోడ్ అన్ని ప్రకటించబడని వేరువేరు వ్యవస్థాపకాలను అనుమతించదు.

పైకి ప్రకటించండి

మంచి కోడింగ్ అలవందరు ప్రతి స్క్రిప్ట్ లేదా ఫంక్షన్ పైకి అన్ని ప్రకటనలను చేయాలి.

这么做的好处是：

  • క్లిన్ కోడ్ పొందండి
  • లోపలిచ్చు వేరువేరు వ్యవస్థాపకాలను కనుగొనడానికి మంచి స్థానం అందిస్తుంది
  • అవసరమిల్లని గ్లౌబల్ వేరువేరువ్యవస్థాపకాలను తప్పించండి
  • అవసరమిల్లని మళ్ళీ ప్రకటించడం తగ్గించండి
// పైకి ప్రకటించండి
var firstName, lastName, price, discount, fullPrice;
// తర్వాత ఉపయోగించండి
firstName = "Bill";
lastName = "Gates";
price = 19.90;
discount = 0.10;
fullPrice = price * 100 / discount;

కూడా లోపలిచ్చు వేరువేరు వ్యవస్థాపకాలకు ఉపయోగించవచ్చు:

// పైకి ప్రకటించండి
var i;
// తర్వాత ఉపయోగించండి
for (i = 0; i < 5; i++)  {

అప్రమేయంగా, జావాస్క్రిప్ట్ అన్ని ప్రకటనలను పైకి తీసుకువెళుతుంది (జావాస్క్రిప్ట్ హోయిస్టింగ్).

ప్రారంభంలో వేరువేరు వ్యవస్థాపకాలను అమలుచేయండి

在您声明变量时对其进行初始化是个好习惯。

这么做的好处是：

  • 更整洁的代码
  • 在单独的位置来初始化变量
  • 避免未定义值
// 在开头进行声明和初始化
var firstName = "",
    lastName  = "",
    price = 0,
    discount = 0,
    fullPrice  = 0,
    myArray = [],
    myObject = {};

变量初始化使我们能够了解预期用途和预期的数据类型。

请不要声明数值、字符串或布尔对象

请始终将数值、字符串或布尔值视作原始值。而非对象。

如果把这些类型声明为对象，会拖慢执行速度，并产生讨厌的副作用：

ఇన్స్టాన్స్

var x = "Bill";             
var y = new String("Bill");
(x === y) // 结果为 false，因为 x 是字符串，而 y 是对象。

మీరే ప్రయత్నించండి

或者甚至更糟：

ఇన్స్టాన్స్

var x = new String("Bill");             
var y = new String("Bill");
(x == y) // 结果是 false，因为你无法比较对象。

మీరే ప్రయత్నించండి

请勿使用 new Object()

  • 请使用 {} 来代替 new Object()
  • 请使用 "" 来代替 new String()
  • 请使用 0 来代替 new Number()
  • 请使用 false 来代替 new Boolean()
  • 请使用 [] 来代替 new Array()
  • 请使用 /()/ 来代替 new RegExp()
  • 请使用 function (){}来代替 new Function()

ఇన్స్టాన్స్

var x1 = {};           // 新对象
var x2 = "";           // 新的原始字符串值
var x3 = 0;            // 新的原始数值
var x4 = false;        // 新的原始布尔值
var x5 = [];           // 新的数组对象
var x6 = /()/;         // 新的正则表达式
var x7 = function(){}; // 新的函数对象

మీరే ప్రయత్నించండి

意识到自动类型转换

请意识到数值会被意外转换为字符串或 NaN（Not a Number）。

JavaScript 属于松散类型。变量可包含不同的数据类型，并且变量能够改变其数据类型：

ఇన్స్టాన్స్

var x = "హలో";     // typeof x స్ట్రింగ్
x = 5;               // typeof x నమూనాగా మార్చండి

మీరే ప్రయత్నించండి

సంఖ్యాత్మక కార్యకలాపాలను చేపట్టగలిగినప్పుడు, JavaScript సంఖ్యలను స్ట్రింగ్‌లుగా మార్చుతుంది:

ఇన్స్టాన్స్

var x = 5 + 7;       // x.valueOf() 12, typeof x నమూనా
var x = 5 + "7";     // x.valueOf() 57, typeof x స్ట్రింగ్
var x = "5" + 7;     // x.valueOf() 57, typeof x స్ట్రింగ్
var x = 5 - 7;       // x.valueOf() -2, typeof x నమూనా
var x = 5 - "7";     // x.valueOf() -2, typeof x నమూనా
var x = "5" - 7;     // x.valueOf() -2, typeof x నమూనా
var x = 5 - "x";     // x.valueOf() లేదు, typeof x నమూనా

మీరే ప్రయత్నించండి

స్ట్రింగ్‌లను స్ట్రింగ్‌లతో కలిపినప్పుడు లోపం జరగదు మరియు రిటర్న్ చేస్తుంది NaN（కాని సంఖ్యలు）:

ఇన్స్టాన్స్

"హలో" - "డాలీ"    // రిటర్న్ NaN

మీరే ప్రయత్నించండి

==== తో పోల్చండి

== పోలించే ఆపెరేటర్లు పోల్చడానికి ముందు రకాలను మార్చుతాయి (రకాలను సరిపోల్చుటకు).

==== ఆపెరేటర్లు విలువలను మరియు రకాలను ముందుగా తొలగిస్తాయి మరియు పోల్చుతాయి:

ఇన్స్టాన్స్

0 == "";        // క్రమం
1 == "1";       // క్రమం
1 == true;      // క్రమం
0 === "";       // తప్పు
1 === "1";      // తప్పు
1 === true;     // తప్పు

మీరే ప్రయత్నించండి

Parameter Defaults

ఫంక్షన్‌ను కాల్ చేసినప్పుడు పారామీటర్లు లేకపోతే, లోపించిన పారామీటర్‌కు విలువ సెట్ చేయబడుతుంది లేదు.

లేదు విలువ మీ కోడ్‌ను నాశనం చేస్తుంది. పారామీటర్లకు డిఫాల్ట్ విలువలను అందించడం ఒక మంచి అలవాటు.

ఇన్స్టాన్స్

function myFunction(x, y) {
    if (y లేదు) {
        y = 0;
    }
}

మీరే ప్రయత్నించండి

请在函数参数这一章阅读更多有关函数参数的内容。

用 default 来结束 switch

ఉపయోగించండి default మీ స్ట్రింగ్ పూర్తి చేయడానికి switch వాక్యం. మీరు ఈ అవసరం ఉండకపోయినా కూడా.

ఇన్స్టాన్స్

switch (new Date().getDay()) {
    case 0:
        day = "Sunday";
        break;
    case 1:
        day = "Monday";
         break;
    case 2:
        day = "Tuesday";
         break;
    case 3:
        day = "Wednesday";
         break;
    case 4:
        day = "Thursday";
         break;
    case 5:
        day = "Friday";
         break;
    case 6:
        day = "Saturday";
         break;
    default:
        day = "Unknown";
}

మీరే ప్రయత్నించండి

eval() ఉపయోగించకుండా ఉండండి

eval() ఫంక్షన్ సంకేతపత్రాన్ని కోడ్ గా అనుమతించడానికి ఉపయోగిస్తారు. ప్రాయోగికంగా, దానిని ఉపయోగించకుండా ఉండటం పరిణామకరం కాదు.

ఏదైనా కోడ్ నడపడానికి అనుమతించడం ద్వారా, ఇది కూడా భద్రతా సమస్యలకు దారి తీస్తుంది.