【知了堂学习笔记】_JavaScript知识（二）

请关注“知了堂学习社区”，地址：http://www.zhiliaotang.com/portal.php

1. 数据类型

• 一种复杂数据类型
  object属性和方法：constructor、hasOwnProperty（propterty Name)、isPrototypeof(object)、toString()、valueOf()

• 5中简单数据类型

  • String 值—字符串转换方法：

    • String类型由零或者多个16位Unicode字符组成，是一个字符序列，即字符串
    • String变量在赋值的时候，需要用单引号或者双引号
    • 字符的长度可以通过length属性取得，length属性不是length（）方法，两者不同
    • String数据类型包括一些特殊的字符字面量，也称之为转义序列
      
      • toString()
      • String()—-转换任何类型的值

  • null 值：null

    • 与undefined类型一样，只有一个值null
    • var a1;//未初始化，值为undefined
      var a2=null;//初始化，值为null

  • 布尔（Boolean）

    • 严格区分大小写，写法不能改变，不能写成TRUE或者True
      
      • true var a1 = true;
      • false var a1 = false;

  • number

    • 数值类型
      
      • 整数 十进制/八进制/十六进制
      • 浮点数
        **1.计算的值超过了JavaScript的数值范围，正数将表示为Infinity
        负数：表示为-Infinity
        2.出现了infinity就不能进行下一次计算
        3.如果要确定一个数值是否处于JavaScript的数值范围期间，可以使用isFinite()函数 返回true 反则返回false
        4.在javascript中有一个特殊的数值NaN，表示本来返回数值的操作数未返回数值的情况，在ECMAScript中，任何数值除以非数值都会返回NaN，ECMAScript中使用isNaN（）函数确定传入的任何类型的参数是否“不是数值”**

    • 数值范围

      • 最小数值：Number.MIN_VALUE
      • 最大数值：Number.MAX_VALUE
      • 判断：isFinity()

    • 非数值

      • NaN
      • isNaN()

    • 数值转换

      • Number()—-可用于任何数据类型
      • parseInt（）—-专门把字符串转成数值
      • parsefloat（）—-专门把字符串转成数值

  • Undefined 值：Undefined

    • 在使用var操作符定义一个变量，但是未给该变量赋值，也就是没有初始化，此时的变量的值就是undefined。undefined类型只有一个值就是undefined。
      
      • var a1；
        console.log(a1) ； //输出结果就是undefined
• 检测数据类型（typeOf）
  
  • Boolean：值是布尔类型

<script>
            var a1 = true;
            var a2 = false;
            console.log("a1 = "+a1);
            console.log("a2 = "+a2);
        </script>

null；值是null

  `<script>
        var a1 ; // 未初始化，值为undefined
        var a2 = null; // 初始化，值为null
        console.log("a1 = "+a1);
        console.log("a2 = "+a2);

    </script>`

number：值是数值

<script>
            var a = 100;
            var b = 0;
            var c = "helloworld";
            var d = "100.05";
            console.log("a / b = "+a/b); // 返回infinity
            console.log("isFinite = "+(isFinite(a / b))); // 判断数值是否在范围内
            console.log("isNaN = "+(isNaN(c))); // 判断是否是数字类型
            console.log("Number = "+Number(d)); // 转换为数字类型
            console.log("parseInt = "+parseInt(d)); // 转换为整型类型
            console.log("parseFloat = "+parseFloat(d)); // 转换为浮点类型
        </script>

Undefined：值未定义

<script>
            var a1; // 变量没有复制初始化
            console.log("a1 = "+a1);
        </script>

String：值是字符串

<script>
            var a = "Helloworld";  // String type
            var b = 'helloword' ; // 使用单引号赋值
            console.log("a = " + a);
            console.log("b = " + b);
            console.log("字符串的长度 = " + a.length);
            var c = "\""; // 通过反斜线的方式就可以将双引号变成普通的字符
            console.log("c = "+ c);
        </script>

object：值是对象或NUll
function：值是函数

2.运算符

• 算术运算符
  
  • a++和++a

 - var a = 10;
            var b = 3;

            var c = ++a;
            console.log("c="+c);
            console.log("a="+a);

            var d = a++;
            console.log("d="+d);
            console.log("a="+a);

            var e = a--;
            console.log("e="+e);
            console.log("a="+a);

            var f = a/b;
            console.log("f="+f);

输出结果：
c=11
a=11
d=11
 a=12
e=12
 a=11
 f=3.6666666666666665

• 比较运算符
  
  • ==和===的区别
    
    • ==比较的俩个书的值是否相当
    • ===比较两个数的值，还要两个数的类型，都全相等才能返回true
• 逻辑运算符
  
  • 逻辑运算符是对两个布尔值类型做运算，且计算的结果为布尔值
• 赋值运算符
• 字符串+运算符
  
  • 把文本值或字符串变量加起来（连接起来）

<script>
            var a = 10;
            var b = "hello";
            var c = 5;
            var d = true;
            var e = false;
            console.log(a + b);
            console.log(a +b +c);
            console.log(b +a +c);
            console.log(b +a /c);
            console.log(b +a %c);
            console.log(b + ++a);
            console.log(b +(a>c));
            console.log(b +(d&&e));
        </script>

• 条件运算符
  
  • variable = boolean_expression ? true_value : false_value;

// 求出三个数字中最大的数是多少
            c = a > b ? (a > d ? a:d):(b>d ? b:d);
            console.log("c = "+c);

            //求出三个数字中最小的是多少
            c = a<b?(a<d?a:d):(b<d?b:d);
            console.log("c = "+c);

• typeof运算符

  • 某个变量的数据是什么

<script>
            var a1;
            var a2 =10;
            console.log(a2);
            console.log(typeof a2);
            console.log(typeof(a2));
        </script>

3.控制语句

• if 所有的条件都为true
• if else 当条件为true时执行代码，当条件为false时执行其他代码
• if ..else if…else -使用该语句来选择着多个代码块之一来执行
  
  • 必须需要有if才可以有else if
• switch -使用该语句选择多个的代码块之一来执行
• for循环 -自动对一段代码进行重复的执行
• while循环 - 只要指定的条件为true，循环就可以一直执行下去
• do/while先执行一次代码块，在检查条件是否为真，就会重复循环
• beak 语句
  
  • 跳出switch语句
  • 跳出当前循环
• continue - 终止本次循环，执行下一次循环