每日十条JavaScript经验技巧(一)

JavaScript经验技巧系列第一篇：细节决定成败

今天我将为大家带来一些在日常使用JavaScript过程中需要注意的经验技巧。这些技巧都是我在项目中积累的小小经验，希望对大家有所帮助。

一、避免使用自闭合的script标签

尽管自闭合的script标签在XHTML中是合法的，但在某些情况下，不符合HTML规范，并且某些浏览器可能无法正确。我曾在使用EXT框架时遇到此问题，导致脚本无法正确执行。建议使用标准的开放和关闭标签来包含脚本。

二、将脚本放在body标签之前

如果将脚本放在head标签中，那么在页面显示之前需要先下载和执行脚本，这会增加用户的等待时间。为了优化用户体验，通常建议将脚本放在body标签的底部。样式表应放在head标签中，以确保内容的正常显示。下面是一个简单的HTML结构示例：

三、在函数内部使用严格模式

严格模式可以帮助我们避免一些常见的错误，提高代码的稳定性和安全性。如果在函数外部使用严格模式，可能会影响到第三方类库和同事的代码。建议在函数内部使用严格模式，以仅影响自己的代码。示例如下：

function myfunction(){

"use strict";

// 函数代码

}

四、不要省略语句结尾的分号

五、使用var定义变量并提前声明

在JavaScript中，建议使用var关键字定义变量，并将所有变量声明提前到函数的开头。这样做可以避免无意中创建全局变量，并使代码更易于理解和维护。值得注意的是，现代的JavaScript开发通常推荐使用let和const来定义变量，因为它们具有更严格的作用域规则。关于这一点，需要根据项目的具体情况来决定。

六、先声明函数再使用

函数声明会被JavaScript引擎提前，可以在代码中的任何地方调用已声明的函数，而不必等待代码执行到该函数的位置。值得注意的是，避免在语句块（如if语句）中声明函数，因为这种行为可能会导致不确定的结果。下面是一个示例：

if (condition) {

function myfunction(){

alert("true");

}

} else {

function myfunction(){

alert("false");

}

}

myfunction(); // 输出结果可能与浏览器有关

建议始终在函数外部声明函数，以确保代码的可预测性和可维护性。以上就是今天要分享的一些JavaScript的使用技巧和经验。希望这些技巧能对大家有所帮助，让我们在编写JavaScript代码时更加得心应手。慎用typeof、null判断与理解Number类型等JavaScript开发注意点

在JavaScript开发中，有一些特定的编程习惯和注意事项值得我们深入理解和应用。本文将从以下几个方面详细阐述，以帮助大家提高代码质量和可维护性。

一、慎用typeof判断变量初始化状态

我们要明白null和undefined的区别。null代表一个变量被初始化为一个对象的占位符，而undefined则代表变量尚未被初始化。使用typeof进行变量类型的判断时，需要特别小心。因为当变量为null时，typeof的返回值可能会引发误解。如下例所示：

```javascript

var person;

console.log(typeof person); // 输出 "undefined"

console.log(typeof foo); // 输出 "undefined"，这里foo未定义，会抛出错误

var house = null;

console.log(typeof house); // 输出 "object"，可能会引发误解

```

我们应尽量避免使用typeof来判断变量是否初始化，而应直接检查变量本身是否有值。对于null的判断，更应谨慎使用，以免引发误解。

二、小心使用Number类型

JavaScript中的数字类型支持十进制、八进制和十六进制字面值。在使用八进制和十六进制字面值时，需要注意语法规则和误差问题。特别是八进制字面量，在严格模式下是无效的。浮点数的计算误差是普遍存在的，应尽量避免进行浮点数精确度的测试。还有一个特殊的值NaN（Not a Number），用于表示本应该返回数值但实际返回的不是数值的类型。需要注意的是，NaN与任何值都不相等，包括其自身。可以使用isNaN()函数进行测试。

三、使用逻辑运算动态赋值

在JavaScript中，我们可以利用逻辑运算（如&&和||）进行动态赋值。这种写法简洁明了，但在使用时需要注意其逻辑判断的规则。例如：

```javascript

var person = { age: 10 };

var condition; // 假设condition是一个布尔变量

var myVar = condition && person; // 如果condition为true，则myVar赋值为person对象

```

同样，使用||运算符时，如果condition为false，则myVar赋值为person对象。这种写法可以简化代码，提高代码的可读性和可维护性。

四、避免使用with语句

在JavaScript中，with语句用于临时改变代码的执行上下文。使用with语句可能导致代码的可读性和可维护性降低，特别是在严格模式下，with语句被禁用。我们应尽量避免使用with语句，以减少代码的复杂性并避免潜在的问题。例如：

```javascript

var book = { title: "Maintainable JavaScript", author: "Nicholas C. Zakas" };

with(book) {

// 在这里使用book对象的属性时，无需加前缀book.

}

```

尽管with语句在某些情况下看起来方便，但它可能导致代码难以理解和维护。建议避免使用with语句。

本文详细阐述了在JavaScript开发中需要注意的几个方面，包括慎用typeof和null判断、小心使用Number类型、使用逻辑运算动态赋值以及避免使用with语句等。希望这些内容能帮助大家提高代码质量和可维护性，为JavaScript开发之路添砖加瓦。