美文网首页《JavaScript高级程序设计》笔记
《JavaScript高级程序设计》笔记3:基本概念

《JavaScript高级程序设计》笔记3:基本概念

作者: 梁海杰_IRV | 来源:发表于2017-08-27 23:18 被阅读0次

    数据类型

    • ECMAScript中6大原始数据类型:字符串(StringBooleanNullUndefinedNumberObjectSymbol(es6新增)。(Object——本质是由一组无序的名值对组成的复杂数据类型)
    • ECMAScript中5中简单数据类型(基本数据类型): StringBooleanNullUndefinedNumber

    typeof操作符

    typeof操作符可能返回下列某个字符串:

    • "undefined" —— 值未定义
    • "boolean"
    • "string"(小写)
    • "number"
    • "object" —— 这个值是对象或者null
    • "function"
    var  message = "some string";
    alert(typeof message); //"string"
    alert(typeof(message)); //"string"
    alert(typeof 95); //"number"
    typeof (new String("sdsd")) //"object"
    typeof "sdsd"  ///"string"
    

    ECMAScript松散类型——需要typeof检测给定变量数据类型

    • typeof null会返回"object"。因为特殊值"null"被认为是一个空的对象引用。

    undefined

    undefined类型只有一个值,即特殊的undefined。声明后未初始化。
    对于未初始化变量、未声明变量、没传递值的命名参数、没有返回值的立即执行函数。执行typeof操作都是返回"undefined"

    题目:假设 output 是一个函数,输出一行文本。下面的语句输出结果是什么?

    output(typeof (function() {output(“Hello World!”)})());
    // Hello World!undefined
    

    分析:
    1.先立即执行匿名函数,输出Hello World!
    2.函数执行后无返回值,则输出未定义


    var message;
    alert(typeof message); //undefined
    alert(typeof age); //undefined
    

    null

    null也是只有一个值的数据类型,特殊值是null。从逻辑角度上看,null值表示一个空对象指针,而这也正是使用typeof操作符检测null值会返回“object”的原因。

    alert(null == undefined);  //true
    alert(null === undefined); //false
    

    这里,位于null和undefined之间的相等操作符(==)总是返回true。具体可参考——"==" 与 "==="区别
      尽管null和undefined有这样的关系,但它们的用途完全不同。如前所述,无论在什么情况下都没有必要把一个变量显式地设置为undefined,可是同样的规则对null却不适用。换句话说,只要意在保存对象的变量还没有真正保存对象,就应该明确地让该变量保存null值。这样做不仅可以体现null作为空对象指针的惯例,而且也有助于进一步区分null和undefined。

    Boolean类型

    该类型只有两个字面值:truefalse。这2个值跟数字值不是同一回事,因为true不一定等于1,false不一定等于0。该类型的2个值是区分大小写的
    虽然Boolean类型只有两个字面值,但ECMAScript所有类型的值都有与这两个Boolean值等价的值。要将一个值转换为其对应的Boolean值,可以调用转型函数Boolean()

    转换规则

    数据类型 转换为true 转换为false的值
    Boolean true false
    String 任何非空字符串 ""(空字符串)
    Number 任何非零数值(包括无穷大) 0、+0、-0和NaN
    Object 任何对象 null
    Undefined - undefined
    Boolean(undefined) // false
    Boolean(null) // false
    Boolean(0) // false
    Boolean(NaN) // false
    Boolean('') // false
    
    Boolean({}) // true
    Boolean([]) // true
    Boolean(new Boolean(false)) // true
    
    • 所有对象的布尔值都是true,js语言设计的时候出于性能考虑,,如果对象需要计算才能得到布尔值,对于obj1 && obj2这样的场景,可能会需要较多的计算。为了保证性能,就统一规定,对象的布尔值为true。
      具体可参考——数据类型转换

    Number类型

    最基本的数值字面量是10进制整数。除此之外,整数还可以用8进制、16进制的字面量表示。
    其中,8进制首位必须是0,如果字面值超出范围(超出0-7),前导0将被忽略,后面数值当做十进制数值解析。
    16进制前面必须是0x。后面是(0-9或A-F或a-f)。

    var num1 = 070;  //8进制的56
    var num2 = 079; //无效8进制——解析为79
    var num2 = 08; //无效8进制——解析为8
    
    var hexnum1 = 0xA; //16进制10
    var hexnum1 = 0x1f; //16进制31
    
    • 8进制字面量在严格模式下无效,引擎抛错。

    浮点数值

    所谓浮点数值——该数值必须包含一个小数点,且小数点后面至少有一位数字。(保存浮点数值需要内存空间是保存整数值的两倍,ECMAScript会不失时机的将浮点数值转换为整数值)

    var floatNum1 = 1.; //解析为1
    var floatNum2 = 10.0; //整数——解析为10
    
    var floatNum3 = 3.125e7; //31250000
    var floatNum4 = 3e-7; //0.0000003
    //默认情况下,ECMAScript会将小数点后面带有6个0以上浮点数值转换为e表示法
    

    浮点数值的最高精度是17位小数,但在进行算术计算时其精确度远不如整数。例如,0.10.2的结果不是0.3,而是0.300000000000000004,这个小小的舍入误差会导致无法测试特定的浮点数值。

    var a=0.2,b=0.1;
    if(a+b==0.3){
         console.log("you got 0.3.");
    }
    

    我们测试这两个数的和不等于3,如果这2个数是0.25和0.05,或者是0.15和0.15,结果都是没有问题的。如果是0.1和0.2,那么测试无法通过。因此,永远不要测试某个特定的浮点数值。

    数值转换

    Number(), parseInt(),parseFloat()

    Number()函数的转换规则如下:

    • 如果boolean值,true和false将分别被转换为1和0
    • 如果是数字值,只是简单的传入和返回
    • 如果是null值,返回0
    • 如果是undefined,返回NaN
    • 如果是字符串,包含其他字符,NaN。空字符串则为0。
    • 如果是对象,与isNaN()方法类似

    Number()函数在转换字符串的时候比较复杂不合理,所以常用parseInt()函数

    parseInt()函数的转换规则如下:

    • 忽略字符串前面空格,直到找到第一个非空格字符。若第一个字符不是数字字符或者负号,返回NaN。
    • 第一个字符是数字字符,继续解析第二个字符......
    • 可以识别16进制整数格式
    • 参数二: 转换时使用的技术(多少进制)
    var num1 = parseInt("1234blue");  //1234
    var num2 = parseInt("");   //NaN   Numebr("") => 0
    var num3 = parseInt("0xA");  //10
    var num4 = parseInt(22.5); //22
    var num5 = parseInt("070"); 
    //ECMAScript5引擎中(无论是否严格):70 - 10进制
    //ECMAScript3引擎中:56 - 8进制
    var num6 = parseInt("70"); //70
    var num7 = parseInt("0xf");  //15
    
    var num7 = parseInt("0xaf", 16);  //175
    var num8 = parseInt("af", 16);  //175
    var num9 = parseInt("af");  //NaN
    

    数值范围

    • Numebr.MIN_VALUE
    • Number.MAX_VALUE
    • Number.NEGATIVE_INFINITY——负无穷
    • Number.POSITIVE_INFINITY——正无穷

    NaN

    NaN的两个特点,一是任何涉及NaN的操作(例如NaN/10)都会返回NaN,这个特点在多步计算中有可能导致问题。其次,NaN与任何值都不相等,包括NaN本身
    任何数值除以0都返回NaN。
    isNaN()函数接收一个参数,该参数可以是任何类型,而函数会帮我们确定这个参数是否“不是数值”,isNaN()在接收这个值后,会尝试将这个值转换为数值。而任何不能被转换为数值的值都会导致这个函数返回true。
    isNaN()同样适用于对象。先调用对象的valueOf()方法,然后确定该方法返回值能否可以转换为数值。如果不能,则基于这个返回值再调用toString()方法,再测试返回值。

    alert(NaN==NaN); // false
    alert(isNaN(isNaN)); // true
    alert(isNaN(10)); // false
    alert(isNaN("10")); // false
    alert(isNaN("blue")); // true
    alert(isNaN(true)); // false
    

    String

    字符字面量:包含特殊字面量(转义序列),如:\n(换行)\t(制表)\b(空格)\\(斜杠)\unnnn(Unicode字符)\xnn等。

    var text = "13 2\u03a3."; 
    console.log(text.length); //6
    

    字符串特点:不可变。一旦创建,值不能改变,改变某个变量所存的字符串,先销毁原来的字符串,再用包含新值字符串填充。

    var lang = "Java";
    lang = lang + "Script";
    //首先创建一个能容纳10个字符的新字符串,然后再这个字符串中填充"Java"和"Script",最后一步销毁原来的字符串"Java"和"Script"。上述过程,在后台发生。
    

    转换为字符串

    1. 几乎每个值(包括字符串本身-返回副本。但不保括undefinednull)都有的toString()方法。数值调用时,该方法可带参数——指定输出数值基数。
    2. String()函数(不知道是否是null或者undefined情况下用)。
    3. 与字符串""相加。
    //1.数值、布尔、对象、字符串(返回副本)都有toString方法。
    var age = 11;
    var ageString = age.toString(); //"11"
    var found = true;
    var foundString = found.toString();  //"true"
    var num = 10;
    alert(num.toString(2));  //"1010"
    alert(num.toString(8)); //"12"
    
    //2.String()规则:优先使用toString()。其次,null和undefined返回"null"和"undefined"
    var val1;
    alert(String(10));  //"10"
    alert(String(true)); //"true"
    alert(String(null));  //"null"
    alert(String(val1)); // "undefined"
    

    Object类型

    Object的每个实例具有下列属性和方法。

    • constructor:保存着用于创建当前对象的函数。类似Object()
    • hasOwnProperty(propertyName):检查给定的属性在当前的对象实例(不是实例原型)中是否存在。参数必须是字符串,如o.hasOwnProperty("name")
    • isPrototypeOf(object):用于检查传入的对象是否是传入对象的原型。
    • propertyIsEnumerable(propertyName):用于检查给定的属性能否能够使用for-in语句来枚举。参数必须是字符串。
    • toLocaleString():返回对象的字符串表示。与执行环境的地区对应。
    • toString():返回对象字符串表示。
    • valueOf():返回对象的字符串、数值或布尔值表示。通常与toString()方法返回的值相同。

    函数

    • 参数
      • 命名的参数只提供便利,但不是必需。函数体内通过arguments对象(类数组)来访问参数数组。ECMAScript函数不在乎传递参数的个数以及类型。即便定义的函数直接收两个参数,在调用时可以传0,1,2,3个......
      • arguments对象可以和命名参数一起使用。
      • arguments的值永远与命名参数的值保持同步。只是自动反映,但不是说这两个值会访问相同的内存空间,它们的内存空间独立。
      • 没有传递值的命名参数将自动被赋予undefined的值。
      • 严格模式下,重写arguments的值会导致语法错误。上述第三点也会无效。
    function fun(){
      alert(arguments.lenght);
    }
    fun();  //0
    fun1(1); //1
    fun2(1,2,3); //3
    
    //拟补重载缺陷
    function add(num1, num2){
      if(arguments.length == 1){
        return arguments[0] + 10;
      }
      else if(argument.length == 2){
        return arguments[0] + arguments[1];   
        //arguments对象可以和命名参数一起使用:return arguments[0] + num2;
      }
    }
    
    //
    function doAdd(num1, num2){
      arguments[1] = 10;
      return num1 + num2;
    }
    doAdd(1,2);  //11 ===> 严格模式下报错
    
    • 没有重载,重复只会覆盖。
      看到这想起一道面试题目,题目如下:
    <script>
       var m = 1, j = k = 0;
    
      function add(n){
        return n = n + 1;
      }
      y = add(m);
    
      function add(n){
        return n = n + 3;
      }
      z = add(m);
    //问:y和z的最终结果是:4,4
    </script>
    

    说明:

    • js里面没有函数重载的概念。在其他语言(如java)中,可以存在同名函数,只要传入参数数量或者类型不同即可。但是在js中,定义两个同名函数后,后面的函数会覆盖前面定义的函数。结合这道题来说,由于函数声明提升,所以函数声明会提前,由于存在同名函数。后面的add函数将覆盖第一个add函数。
    • 疑问:函数里return把参数改变了,为什么z不是7?——在ECMAScript中所有参数传递都是值传递,不可能通过引用传递参数。用完一次就销毁了,下次重新传值。
      所以在本题中,前后两次调用add()返回的值是相同的,都是4。
      更多解析请参考——链接
     * 可以通过`arguments`对象检查传入参数中的类型和数量作出不同反应,模仿方法重载。
     * 未指定特殊返回值的函数返回的是一个特殊的`undefined`值
    

    操作符

    相关文章

      网友评论

        本文标题:《JavaScript高级程序设计》笔记3:基本概念

        本文链接:https://www.haomeiwen.com/subject/pyeidxtx.html