美文网首页程序员
JavaScript学习笔记二

JavaScript学习笔记二

作者: 小菜鸟程序媛 | 来源:发表于2017-03-15 17:03 被阅读43次

    这篇文章写得不完善,因为语法方面的细节太多,懒得记录了,只记录个大概,以后好用于自己回顾。

    语法

    • 区分大小写
    • 标识符:变量、函数、属性的名字,或者函数的参数。
    • 第一个字符必须是一个字母、下划线、或美元符号
    • 其他字符可以使字母、下划线、美元符号或数字
    • 不能把保留字、关键字、true、false和null用作标识符
    • 注释
    //单行注释
    
    /*
     * 这是一个
     * 多行注释
     */
    
    • 启用严格模式 "use strict"
    function doSomething(){
        "use strict"
        //函数体
    }
    
    • 语句以分号结尾(可以省略,建议不要这么做)

    变量

    var message = "hi";
    message = 100;//有效,但不推荐
    

    如果在函数中定义了一个变量,那么在函数退出后这个变量就会被销毁。

    function test(){
      var message = "hi";
    }
    test();
    alert(message);//错误
    

    定义多个变量

    var message="hi",
          found=false,
          age=29;
    

    数据类型

    Undefined、Null、Boolean、Number、String和一种复杂的数据类型Object。

    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是一个操作符,不是一个函数,所以括号可以不用。

    Undefined类型

    在使用var声明变量并未对其初始化时,这个变量的值就是undefined。
    对未初始化和未声明的变量执行typeof操作符都会返回undefined值。

    Null类型

    如果定义的变量在将来要用于保存对象,那么最好将该变量初始化为null而不是其他值,这样只要检查null就能知道相应的变量是否保存了一个对象的引用。

    var car = null;
    alert(typeof car);//object
    if(car != null){
     
    }
    

    实际上undefined值是派生自null值。

    如果要保存的对象还没有真正保存对象,那么就应该明确让该变量保存null值。

    Boolean类型

    Boolean类型的字面值true和false是区分大小写的。也就是说True和False以及其他的混合大小写形式都不是Boolean的值,只是标识符。
    如果要将一个值转换为对应的Boolean值,可以调用Boolean()函数。

    var mesage ="Hello world";
    var messageAsBoolean = Boolean(message);
    

    下面是各种数据类型及其对应的转换规则:

    Boolean             true                                           false
    String              任何非空字符串                                    ""(空字符串)
    Number              任何非零数字值(包括无穷大)                         0和NaN
    Object              任何对象                                         null
    Undefined            n/a                                            undefined
    

    这些转换规则对流程控制语句非常重要

    var message ="Hello world";
    if(message){
      alert("Value is true");
    }
    

    Number类型

    var intNum = 55;//十进制
    var octalNum = 070;//八进制
    var hexNum = 0xA;//十六进制
    

    javascript中可以保存正零(+0)和负零(-0);
    能够表示的最大数值是Number.MAX_VALUE,最小数值是Number.MIN_VALUE。
    如果某次计算的结果超出了Javascript所能表示的范围的值,那么这个数值将被转换成特殊的Infinity,如果这个数值是负数,那么将会被转换成-Infinity.如果要确定一个值是不是有穷的,那么可以使用isFinite().这个函数在参数位于最大最小数值之间会返回true。

    var result = Number.MAX_VALUE+Number.MAX_VALUE;
    alert(isFinite(result));
    

    NaN,即非数值,是一个特殊的数值,这个数值用于表示一个本来要返回数值的操作数未返回数值的情况。
    任何涉及NaN的操作都会返回NaN,其次NaN与任何数值都不想等,包括NaN本身。
    isNaN()函数

    alert(isNaN(NaN)); true
    alert(isNaN(10)); false
    alert(isNaN("blue"));true 不能转换成数值
    

    数值转换:Number(), parseInt(),parseFloat()
    第一个方法可以用于任何数据类型,而另外两个则专门用于把字符串转换成数值。

    Number函数的转换规则如下:

    • 如果是Boolean治,true和false被分别转换成1和0
    • 如果是数字值,只是简单的传入和返回
    • 如果是null,返回0
    • 如果是undefined,返回NaN
    • 如果是字符串,遵循以下规则:
      • 如果字符串中只包含数字,则将其转换为十进制数值
      • 如果字符串中包含有效的浮点格式,则将其转换为对应的浮点数值
      • 如果字符串是空的(不包含任何字符),则将其转换为0
      • 如果字符串中包含除上述意外的字符,则将其转换为NaN
    • 如果是对象,则调用对象的valueOf()方法,然后依照前面的规则转换返回的值,如果转换的结果是NaN,则调用对象的toString()方法,然后再次按照前面的规则转换返回的字符串
    var num1 = parseInt("AF",16);//解析16进制的字符串
    

    parseFloat()只能解析十进制值,因此他没有指定第二个参数的用法。如果字符串包含的是一个没有小数点或者小数点后都是零的值,那么parseFloat会返回整数。

    String类型

    字符串可以用双引号或者单引号表示。
    字符字面量:

    • \n 换行
    • \t 制表
    • \b 空格
    • \r 回车
    • \f 进纸
    • \ 斜杠
    • ' 单引号
    • " 双引号
    • \xnn 以十六进制代码nn表示的一个字符,其中\41表示‘A’
    • \unnnn 以十六进制表示的nnnn表示的一个unicode字符

    这些字符字面量可以出现在字符串中的任意位置,而且也将被作为一个字符来解析。

    字符串的特点

    • 不可变,一旦创建,值就不能改变

    转换字符串

    • 使用toString()方法,null和undefined没有这个方法
    • String() 能将任何类型的值转换成字符串

    Object类型

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

    • Constructor:保存用于创建当前对象的函数
    • hasOwnProperty(propertyName):用于检查给定的属性在当前对象实例中是否存在,其中,作为参数的属性名,必须以字符串的形式指定
    • isPrototypeOf(object):用于检查传入的对象是否是另一个对象的原型。
    • propertyIsEnumerable(propertyName):用于检查给定的属性是否能够使用for-in语句来枚举
    • toLocaleString() 返回对象的字符串表示,该字符串与执行环境的地区对应
    • toString() 返回对象的字符串表示
    • valeOf() 返回对象的字符串、数值或布尔值表示,通常与toString()的返回值相同

    布尔操作符

    逻辑非

    • 如果操作数是一个对象,则返回false;
    • 如果操作数是一个非空字符串,返回false
    • 如果操作数是一个空字符串,返回true
    • 如果操作数是数值0,返回true
    • 如果操作数是null,返回true
    • 如果操作数是NaN,返回true
    • 如果操作数是undefined,返回true

    逻辑与

    • 如果第一个操作数是对象,则返回第二个操作数
    • 如果第二个操作数是对象,则只有在第一个操作数的结果为true时才会返回该对象
    • 如果两个操作数都是对象,则返回第二个操作数
    • 如果有一个操作数是null,则返回null
    • 如果有一个操作数是NaN,则返回NaN
    • 如果有一个操作数是undefined,则返回undefined

    逻辑或

    • 如果第一个操作数是对象,则返回第一个操作数
    • 如果第一个操作数的求职结果为false,则返回第二个操作数
    • 如果两个操作数都是对象,则返回第一个操作数
    • 如果两个操作数都是null,则返回null
    • 如果两个操作数都是NaN,则返回NaN
    • 如果两个操作数都是undefined,则返回undefined

    乘法操作符

    • 如果操作数都是数值,之慈宁宫常规的乘法计算,如果只有一个操作数有符号,那么结果就是负数,如果成绩超过表示反胃,则返回Infinity和-Infinity
    • 如果一个操作数是NaN,则结果是NaN
    • 如果Infinity与0相乘,则结果是NaN
    • 如果Infinity与非0数值相乘,则结果是Infinity或-Infinity,取决于有符号操作数的符号
    • 如果Infinity与Infinity相乘,则结果是Infinity
    • 如果一个操作数不是数值,则在后台调用Number()将其转换为数值,然后再应用上面的规则

    除法操作符

    • 如果操作数都是数值,执行常规的除法计算,即两个正数或两个负数相处的结果还是正数,而如果只有一个操作数有符号,那么结果就是负数
    • 如果一个操作数是NaN,则结果是NaN
    • 如果如果是零被零除,则结果是NaN
    • 如果是非零的有限数被零除则结果是Infinity或-Infinity,取决于有符号操作数的符号
    • 如果是Infinity被任何非零的数值除,则结果是Infinity或-Infinity,取决于有符号操作数的符号
    • 如果一个操作数不是数值,则在后台调用Number()将其转换为数值,然后再应用上面的规则。

    变量、作用域、内存问题

    • 基本数据类型:undefined、null、boolean、number、string
    • 基本数据类型在内存中占据固定大小的空间,因此被保存在栈内存中。
    • 从一个变量向另一个变量复制基本类型的值,会创建这个值的一个副本;
    • 引用类型的值是对象,保存在堆内存中。
    • 包含引用类型值的变量实际上包含的并不是对象本身,而是一个指向该对象的指针。
    • 从一个变量向另一个变量复制引用类型的值,复制的其实就是指针,因此两个变量最终都指向同一个对象。
    • 确定一个值是哪种基本类型可以使用typeof操作符,而确定一个值是哪种引用类型可以使用instanceof操作符。
    • 执行环境有全局执行环境和函数执行环境之分。
    • 每次进入一个新执行环境,都会创建一个用于搜索变量和函数的作用域链。
    • 函数的局部环境不仅有权访问函数作用域中的变量,而且有权访问其包含环境,乃至全局环境。
    • 全局环境只能访问在全局环境中定义的变量和函数,而不能直接访问局部环境中的任何数据。
    • 变量的执行环境有助于确定应该何时释放内存。
    • 垃圾回收机制:标记清除和引用计数

    相关文章

      网友评论

        本文标题:JavaScript学习笔记二

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