javascript基础集锦（一）

　　本系列主要记录javascript中，新手比较容易搞错的地方。

　　（1）要特别注意相等运算符==。JavaScript在设计时，有两种比较运算符：第一种是==比较，它会自动转换数据类型再比较，很多时候，会得到非常诡异的结果；第二种是===比较，它不会自动转换数据类型，如果数据类型不一致，返回false，如果一致，再比较。由于JavaScript这个设计缺陷，不要使用==比较，始终坚持使用===比较。

　　（2）NaN这个特殊的Number与所有其他值都不相等，包括它自己：

　　　　　　　　NaN === NaN; // false

　　　　　　　唯一能判断NaN的方法是通过isNaN()函数：

　　　　　　　　isNaN(NaN); // true

　　（3）注意浮点数的相等比较：

　　　　　　　　1 / 3 === (1 - 2 / 3); // false
　　　　　　这不是JavaScript的设计缺陷。浮点数在运算过程中会产生误差，因为计算机无法精确表示无限循环小数。要比较两个浮点数是否相等，只能计算它们之差的绝对值，看是否小于某个阈值：
　　　　　　　　Math.abs(1 / 3 - (1 - 2 / 3)) < 0.0000001; // true

　　（4）null和undefined

　　　　　　null表示一个“空”的值，它和0以及空字符串''不同，0是一个数值，''表示长度为0的字符串，而null表示“空”。
　　　　在其他语言中，也有类似JavaScript的null的表示，例如Java也用null，Swift用nil，Python用None表示。但是，在JavaScript中，还有一个和null类似的undefined，它表示“未定义”。
　　　　JavaScript的设计者希望用null表示一个空的值，而undefined表示值未定义。事实证明，这并没有什么卵用，区分两者的意义不大。大多数情况下，我们都应该用null。undefined仅仅在

　　　　判断函数参数是否传递的情况下有用。

　　　（5）变量的声明

　　　　　　JavaScript在设计之初，为了方便初学者学习，并不强制要求用var申明变量。这个设计错误带来了严重的后果：如果一个变量没有通过var申明就被使用，那么该变量就自动被申明

　　　　为全局变量：

　　　　　　　　i = 10; // i现在是全局变量
　　　　　　在同一个页面的不同的JavaScript文件中，如果都不用var申明，恰好都使用了变量i，将造成变量i互相影响，产生难以调试的错误结果。
　　　　　　使用var申明的变量则不是全局变量，它的范围被限制在该变量被申明的函数体内（函数的概念将稍后讲解），同名变量在不同的函数体内互不冲突。
　　　　为了修补JavaScript这一严重设计缺陷，ECMA在后续规范中推出了strict模式，在strict模式下运行的JavaScript代码，强制通过var申明变量，未使用var申明变量就使用的，将导致

　　　　运行错误。

　　　　　　启用strict模式的方法是在JavaScript代码的第一行写上：

　　　　　　　　'use strict';
　　　　　　这是一个字符串，不支持strict模式的浏览器会把它当做一个字符串语句执行，支持strict模式的浏览器将开启strict模式运行JavaScript。

　　　（6）变量的赋值

　　　　在JavaScript中，使用等号=对变量进行赋值。可以把任意数据类型赋值给变量，同一个变量可以反复赋值，而且可以是不同类型的变量，但是要注意只能用var申明一次，例如：
　　　　　　var a = 123; // a的值是整数123
　　　　　　a = 'ABC'; // a变为字符串
　　　　这种变量本身类型不固定的语言称之为动态语言，与之对应的是静态语言。静态语言在定义变量时必须指定变量类型，如果赋值的时候类型不匹配，就会报错。例如Java是静态语言，

　　　　赋值语句如下：
　　　　　　int a = 123; // a是整数类型变量，类型用int申明
　　　　　　a = "ABC"; // 错误：不能把字符串赋给整型变量
　　　　和静态语言相比，动态语言更灵活，就是这个原因。

　　（7）模板字符串　　　

　　　　要把多个字符串连接起来，可以用+号连接：
　　　　　　var name = '小明';
　　　　　　var age = 20;
　　　　　　var message = '你好, ' + name + ', 你今年' + age + '岁了!';
　　　　　　alert(message);
　　　　如果有很多变量需要连接，用+号就比较麻烦。ES6新增了一种模板字符串，表示方法和上面的多行字符串一样，但是它会自动替换字符串中的变量：
　　　　　　var name = '小明';
　　　　　　var age = 20;
　　　　　　var message = `你好, ${name}, 你今年${age}岁了!`;
　　　　　　alert(message);

　　（8）字符串操作

　　　　字符串是不可变的，如果对字符串的某个索引赋值，不会有任何错误，但是，也没有任何效果：
　　　　　　var s = 'Test';
　　　　　　s[0] = 'X';
　　　　　　alert(s); // s仍然为'Test'
　　　　JavaScript为字符串提供了一些常用方法，注意，调用这些方法本身不会改变原有字符串的内容，而是返回一个新字符串。

　　（9）字符串索引计算位置

　　　　indexOf
　　　　　　indexOf()会搜索指定字符串出现的位置：
　　　　　　　　var s = 'hello, world';
　　　　　　　　s.indexOf('world'); // 返回7，计算这个值的时候，从1开始计算，数到该单词第一个字符出现的位置！
　　　　　　　　s.indexOf('World'); // 没有找到指定的子串，返回-1
　　　　substring
　　　　　　substring()返回指定索引区间的子串：
　　　　　　　　var s = 'hello,world'
　　　　　　　　s.substring(0, 5); // 从索引0开始到5（不包括5），返回'hello'
　　　　　　　　s.substring(6); // 从索引6开始到结束(包括6)，返回'world'

　　　　　　计算这个索引的时候，记着substring的左数值要包括，右数值不包括。

　　（10）数组　　　

　　　　JavaScript的Array可以包含任意数据类型，并通过索引来访问每个元素。
　　　　要取得Array的长度，直接访问length属性：
　　　　　　var arr = [1, 2, 3.14, 'Hello', null, true];
　　　　　　arr.length; // 6
　　　　请注意，直接给Array的length赋一个新的值会导致Array大小的变化：

　　　　　　var arr = [1, 2, 3];
　　　　　　arr.length; // 3
　　　　　　arr.length = 6;
　　　　　　arr; // arr变为[1, 2, 3, undefined, undefined, undefined]
　　　　　　arr.length = 2;
　　　　　　arr; // arr变为[1, 2]
　　Array可以通过索引把对应的元素修改为新的值，因此，对Array的索引进行赋值会直接修改这个Array：

　　　　var arr = ['A', 'B', 'C'];
　　　　arr[1] = 99;
　　　　arr; // arr现在变为['A', 99, 'C']
　　请注意，如果通过索引赋值时，索引超过了范围，同样会引起Array大小的变化：

　　　　var arr = [1, 2, 3];
　　　　arr[5] = 'x';
　　　　arr; // arr变为[1, 2, 3, undefined, undefined, 'x']
　　　　大多数其他编程语言不允许直接改变数组的大小，越界访问索引会报错。然而，JavaScript的Array却不会有任何错误。在编写代码时，不建议直接修改Array的大小，

　　访问索引时要确保索引不会越界。

 

　　注：本文素材皆来自廖大神的个人网站，我只是做一个简要的总结。在此对他表示感谢，给大家提供这样的一个平台。出处：http://www.liaoxuefeng.com/