js中一些小知识点总结--持续更新

以下知识点来自于编写高质量代码-改善JavaScript程序的188个建议，只用于自我知识的补充。

 

一.NaN

1.NaN是一个特殊的数量值，不表示一个数字，尽管下面的代码仍然是返回类型为number

console.log(typeof NaN);//number
console.log(typeof NaN==='number');//true

可见typeof不能真正区分数字与NaN的区别。

为了进一步区分NaN与数字，可以使用isFinite函数，如果有限数值，该函数将返回true，如果是NaN、正负无穷大的数值，则返回false。

 

2.关于NaN的运算规则：

• 如果NaN是数学运算中的一个运算数，那么它与其他运算数的运算结果就会是NaN
• NaN===NaN；//false;(我自己就理解成虽然不是number，但不是number的有好多，也一定不会都相等)
• NaN!==NaN；//true;

 

二.null与undefined：

1.以下代码结果：

console.log(null==undefined);//true
console.log(null!=undefined);//false;
console.log(null===undefined);//true
console.log(null!==undefined);//false

 

2.null是保留字，undefined不是保留字。

 

3.undefined的值在如下情况下出现：

• 从一个对象中获取某个属性，如果该对象及其原型链中的对象都没有该属性，该属性的值为undefined。
• 一个函数没有显示通过return语句将返回值范湖给其调用者，其返回值就是undefined，但在使用new调用函数时例外。
• javascript的函数可以是用声明任意多个形参，当该函数实际被调用时，传入的参数的个数如果小于声明的形式参数的个数，那么多余的形式参数的值就是undefined

 

三.==与===

1.==与！=缺乏传递性

 

2.===运算符算法：x===y，先比较两个值的类型是不是相等，如果不相同，直接返回false。如果类型相同，则根据x的类型展开如下算法

• 如果x的类型是Undefined或Null，则返回true，例如：null===undefined;//true
• 如果x的类型是number，只要其中有一个NaN，则返回false；如果x与y数字值相等，就返回true；如果x或y中有一个是+0，另外一个数是-0，则返回true
• 如果x的类型是String，当x和y的字符序列完全相同的时候返回true
• 如果x的类型是Boolean，当x和y同为true或者同为false时返回true，否则返回false
• 如果x和y引用相同的对象时返回true，否则为false

 

3.==运算符算法：x==y，如果x与y是同一类型，判断方式与===一样，如果x和y类型不一样，==会按照进行一定的类型转换：

• 如果x和y中有一个null，另外一个是undefined，返回true
• 如果x和y中有一个是String，另一个Number类型，会将String类型转化为Number，例如：

  console.log(''=='0');//false
  console.log(0=='');//true
  console.log(0=='0');//true
  console.log(''==='0');//false

• 如果x和y中有一个类型是Boolean，会将Boolean类型转化成Number比较，例如：

  console.log(true=='1');//
  console.log(true==1);//
  console.log(true=='2');//就是1, 2都不可以
  console.log(true==2);//

• 如果x和y中有一个类型是String或Number，另外一个是Object，会将类型的值转换成基本类型来比较，例如[3,4]=="3,4"。

4.

console.log(false=='fasle');//false：类型不同就返回false
console.log(false=='0');//true：有一个参数boolean值，将其转换为number为0，当0与“0”进行比较的时候，根据第二条规则，就会将“0”转换为0，所以返回true
console.log(false==undefined);//false：类型不同就返回false
console.log(false==null);//false：类型不同就返回false

console.log(false=="");//true

 

四.逗号运算符

1.var a=1,2,3,4;

   console.log(a);//报错,一个变量的重复定义

 

  var a=(1,2,3,4);

  console.log(a);//4，通过逗号运算符返回最后一个运算结果

 

五.字符串

1.javascript解释器以引用方式来实现对字符串的操作。将字符串存储到堆区，然后把字符串的引用地址存储在字符串变量中，并且强制约定字符串在堆中存储的数据是不可变的。当进行字符串的复制和传递时，知识在栈区复制和传递字符串的引用地址，而操作字符串的值时，则将该字符串从堆中复制到栈中，操作完之后再送回堆中，赋给原变量或者一个新的变量。

例如：

1 var a="javascript";
2 var b=a;
3 b=b.toUpperCase();
4 alert(a);
5 alert(b);

上述代码的操作过程如下所示：

 

字符串的操作事项如下：

 

2.String中的length属性是只读属性，不能被for in循环枚举，也不能用delete删除字符串中指定位置的字符。

 

3.字符串的链接操作：

+、+=方法举例：

str+="one"+"two";

javascript在执行这段代码的时候，会进行下列4个步骤：

第一，在内存中创建一个临时字符串

第二，临时字符串的值被赋予"onetwo"

第三，临时字符串与str的值进行连接

第四，把结果赋予str

 

上述代码如果改成如下：

str=str+"one"+"two";这样就避免使用临时字符串了，只是尝试扩展表达式左端字符串的内存，然后简单的将第二个字符串复制到它的尾部。

在一个循环中如果基本字符串位于最左端，就可以避免多次复制一个越来越大的基本字符串。

 

使用Array.prototype.join方法将数组的所有元素合并为一个字符串，并在每个元素之间插入一个分隔符。但是这种方法效率不是很高。原

 

使用concat方法：效果通常也不算太好，跟数组联结差不多。

 

六.正则表达式：

1.replace函数：第二个参数可以是函数，该函数可以不用传递参数，直接调用arguments数组。

• arguments[0]表示每次匹配的单词。
• arguments[1]表示每一个子表达式匹配的文本，即单词的首字母。
• arguments[2]表示第二个子表达式匹配的文本，及单词的余下字母。
• arguments[3]表示匹配文本的下标位置。
• arguments[4]表示要执行匹配的字符串。

 2.RegExp对象的方法exec与String独享的match方法相似，只不过exec是以字符串为参数的RegExp对象方法，而match方法是以正则表达式为参数的String对象方法。在非全局模式下，他们的返回的数组是相同的。

 

3.exec方法简述：

工作机制：调用方法时，先检索字符串参数，从中获取与正则表达式相匹配的文字。如果找到了匹配文本，就会返回一个数组，否则，返回null。对返回数组的元素的具体说明如下：

• 第0个元素，是与表达式相匹配的文本
• 第1个元素，是与正则表达式的第1个子表达式相匹配的文本（如果存在）
• 第2个元素，是与正则表达式的第2个子表达式相匹配的文本，依次类推

返回的数组还包含几个属性：

• length：数组中元素的个数
• index：声明了匹配文本的第一个字符的位置
• input：包含整个字符串

全局模式下，会定义lastIndex属性，以指定下一次执行匹配时开始检索字符串的位置。通过反复调用exec函数遍历了字符串中的文本，当找不到匹配字符的时候，返回null，并且把lastIndex属性设置为0。

但是match函数不会返回这么多信息。