zoukankan      html  css  js  c++  java
  • 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函数不会返回这么多信息。

  • 相关阅读:
    libxml2.7.8 c++ 解析xml文件
    Head First设计模式-模板方法模式
    嵌入式开发之工具移植--openssl移植
    嵌入式开发之工具移植--wpa_suppliant工具的移植和使用
    linux下嵌入式wifi开发工具移植
    IOS面试题(英文)
    机器学习学习笔记 PRML Chapter 2.0 : Prerequisite 1
    机器学习学习笔记 PRML Chapter 2.0 : Prerequisite 2 -Singular Value Decomposition (SVD)
    CCJ PRML Study Note
    CCJ PRML Study Note
  • 原文地址:https://www.cnblogs.com/yangxiaoguai132/p/5224214.html
Copyright © 2011-2022 走看看