JavaScript ਬੈਸਟ ਪ੍ਰੈਕਟਿਸ

ਗਲੋਬਲ ਮਾਪਦੰਡਾਂ ਤੋਂ ਬਚੋ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++)  {

ਮੂਲ ਰੂਪ ਵਿੱਚ, JavaScript ਸਾਰੇ ਐਲਾਨ ਨੂੰ ਉੱਪਰ ਲਿਆਉਂਦਾ ਹੈ (JavaScript hoisting)。

ਪਰਿਭਾਸ਼ਿਤ ਮਾਪਦੰਡ

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

这么做的好处是：

  • 更整洁的代码
  • 在单独的位置来初始化变量
  • 避免未定义值
// 在开头进行声明和初始化
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 = "Hello";     // 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（Not a Number）：

ਇੰਸਟੈਂਸ

"Hello" - "Dolly"    // ਨਾਨ ਵਾਪਸ ਦਿੰਦਾ ਹੈ

ਸਿੱਧੇ ਸਿਖਰਕਰ ਕਰੋ

=== ਨਾਲ ਤੁਲਨਾ ਕਰੋ

== ਤੁਲਨਾ ਆਪਰੇਟਰ ਹਰ ਤੁਲਨਾ ਤੋਂ ਪਹਿਲਾਂ ਤਰਿਕਾ ਟ੍ਰਾਂਸਫਾਰਮ ਕਰਦੇ ਹਨ (ਤਾਕਿ ਤਰਿਕਾ ਮੇਲ ਖਾਣ)。

=== ਆਪਰੇਟਰ ਮੁੱਲ ਅਤੇ ਤਰਿਕਾ ਨੂੰ ਮਜ਼ਬੂਤੀ ਨਾਲ ਤੁਲਨਾ ਕਰਦੇ ਹਨ:

ਇੰਸਟੈਂਸ

0 == "";        // true
1 == "1";       // true
1 == true;      // true
0 === "";       // false
1 === "1";      // false
1 === true;     // false

ਸਿੱਧੇ ਸਿਖਰਕਰ ਕਰੋ

Parameter Defaults

ਜੇਕਰ ਫੰਕਸ਼ਨ ਬੁਲਾਉਣ ਦੇ ਸਮੇਂ ਇੱਕ ਪੈਰਾਮੀਟਰ ਖਾਲੀ ਹੈ ਤਾਂ ਇਸ ਲਿਹਾਜਾ ਪੈਰਾਮੀਟਰ ਦਾ ਮੁੱਲ undefined。

undefined ਮੁੱਲ ਤੁਹਾਡੇ ਕੋਡ ਨੂੰ ਨੁਕਸਾਨ ਪਹੁੰਚਾ ਸਕਦਾ ਹੈ। ਪੈਰਾਮੀਟਰ ਲਈ ਡਿਫਾਲਟ ਮੁੱਲ ਸੈਟ ਕਰਨਾ ਇੱਕ ਚੰਗਾ ਆਦਤ ਹੈ。

ਇੰਸਟੈਂਸ

function myFunction(x, y) {
    if (y === undefined) {
        y = 0;
    }
}

ਸਿੱਧੇ ਸਿਖਰਕਰ ਕਰੋ

ਇੱਥੇਫੰਕਸ਼ਨ ਪੈਰਾਮੀਟਰਇਸ ਚੈਪਟਰ ਵਿੱਚ ਫੰਕਸ਼ਨ ਪੈਰਾਮੀਟਰਾਂ ਬਾਰੇ ਹੋਰ ਪੜ੍ਹੋ。

switch ਨੂੰ default ਨਾਲ ਸਮਾਪਤ ਕਰੋ

ਵਰਤੋਂ ਡਿਫਾਲਟ ਆਪਣੇ switch ਸਟੇਂਸ

ਇੰਸਟੈਂਸ

switch (new Date().getDay()) {
    ਕੇਸ 0:
        day = "Sunday";
        ਬਰੇਕ;
    ਕੇਸ 1:
        day = "Monday";
         ਬਰੇਕ;
    ਕੇਸ 2:
        day = "Tuesday";
         ਬਰੇਕ;
    ਕੇਸ 3:
        day = "Wednesday";
         ਬਰੇਕ;
    ਕੇਸ 4:
        day = "Thursday";
         ਬਰੇਕ;
    ਕੇਸ 5:
        day = "Friday";
         ਬਰੇਕ;
    ਕੇਸ 6:
        day = "Saturday";
         ਬਰੇਕ;
    ਡਿਫਾਲਟ:
        day = "Unknown";
}

ਸਿੱਧੇ ਸਿਖਰਕਰ ਕਰੋ

eval() ਦੀ ਵਰਤੋਂ ਤੋਂ ਬਚੋ

eval() ਫੰਕਸ਼ਨ ਨੂੰ ਲਿਖਣ ਵਾਲੇ ਟੈਕਸਟ ਨੂੰ ਕੋਡ ਵਜੋਂ ਇਜਾਜ਼ਤ ਦੇਣ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ।ਸਾਰੇ ਮਾਮਲਿਆਂ ਵਿੱਚ, ਇਸ ਦੀ ਵਰਤੋਂ ਕਰਨ ਦੀ ਜ਼ਰੂਰਤ ਨਹੀਂ ਹੈ。

ਕੋਡ ਚਲਾਉਣ ਦੀ ਇਜਾਜ਼ਤ ਦੇਣ ਨਾਲ ਹੀ, ਇਸ ਨੂੰ ਸੁਰੱਖਿਆ ਮੁੱਦੇ ਦੇ ਨਾਲ ਵੀ ਜੋੜਿਆ ਗਿਆ ਹੈ。