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函数不会返回这么多信息。

posted on 2016-02-28 10:44  莫尤公子  阅读(248)  评论(0编辑  收藏  举报

导航