[JavaScript] (Day-02) - 数据类型和变量

作者: 已重置2020 | 来源:发表于2017-06-20 20:06 被阅读28次
    It is our choices that show what we truly are, far more than our abilities. 决定我们一生的,不是我们的能力,而是我们的选择。

    基本语法

    JavaScript 的语法和 Objective-C 语言类似,每个语句以;结束,语句块用{...}
    但是,JavaScript 并不强制要求在每个语句的结尾加;,但为了代码规范,建议都语句末加上;


    数据类型

    不同的数据,需要定义不同的数据类型
    在JavaScript中定义了以下几种数据类型:

    Number

    JavaScript不区分整数和浮点数,统一用Number表示

    以下都是合法的Number类型:

    666;   // 整数:666
    -99;  // 负数:-99
    3.1415926  // 浮点数:3.1415926
    NaN;      // NaN表示Not a Number,当无法计算结果时用NaN表示
    Infinity;  // Infinity表示无限大,当数值超过了JavaScript的Number所能表示的最大值时,就表示为Infinity
    
    

    Number可以直接做四则运算(+, -, *, /, %),规则和数学一致:

    1 + 2;   // 3
    1 - 2;   // -1
    1 * 2;   // 2
    1 / 2;   // 0.5
    (1 + 2) * 3 / 4;   // 2.25
    2 / 0;   // Infinity
    0 / 0;   // NaN
    10 % 3;   // 1
    10.5 % 3;   // 1.5
    

    字符串

    字符串是以单引号'或双引号"括起来的任意文本,比如'abc'"xyz"等等
    具体使用单引号'还是双引号",看个人习惯吧

    var name = "Mazy";
    var words = "Stay foolish stay hungry";
    

    布尔值

    JavaScript 的布尔值只有truefalse两种值,和Objective-C 的布尔值(非0即真)不一样

    true;   // 这是一个true值
    false;  // 这是一个false值
    2 > 1;  // 这是一个true值
    2 >= 3; // 这是一个false值
    
    布尔值与逻辑运算符

    &&运算是与运算,只有所有都为 true,&& 运算结果才是 true:

    true && true;  // 这个&&语句计算结果为true
    true && false; // 这个&&语句计算结果为false
    false && true && false; // 这个&&语句计算结果为false
    

    ||运算是或运算,只要其中有一个为true,||运算结果就是true:

    false || false;  // 这个||语句计算结果为false
    true  || false;  // 这个||语句计算结果为true
    false || true || false; // 这个||语句计算结果为true
    

    !运算是非运算,它是一个单目运算符,把true变成false,false变成true:

    ! true;   // 结果为false
    ! false;  // 结果为true
    ! (2 > 5); // 结果为true
    

    condition ? a : b三目运算符,根据condition 的结果 true / false,作出二选一的操作, 如果是 true, 选择 a , 否则 选择 b

    var a = 6;
    var b = 8;
    var c = 0;
    c = a > b ? a : b // c = b
    
    // 等价于
    if (a > b) {
        c = a;
    } else {
        c = b;
    }
    
    
    比较运算符

    通过比较运算符比较两个 Number字符串 得到一个布尔值:

    2 > 5;  // false
    5 >= 2; // true
    7 == 7; // true
    "a" > "b"; // false
    "abc" < "edf"; // true
    

    JavaScript允许对任意数据类型做比较:

    false == 0;  // true
    false === 0; // false
    "abc" < 10;  // false
    

    备注:
    ==比较,它会自动转换数据类型再比较;
    === 比较,它不会自动转换数据类型,如果数据类型不一致,返回false,如果一致,再比较。

    注意浮点数的相等比较:

    1 / 3 === (1 - 2 / 3); // false
    
    

    浮点数在运算过程中会产生误差,因为计算机无法精确表示无限循环小数。要比较两个浮点数是否相等,只能计算它们之差的绝对值,看是否小于某个阈值:

    Math.abs(1 / 3 - (1 - 2 / 3)) < 0.0000001; // true
    
    nullundefined

    null表示一个“空”的值,它和0以及空字符串''不同,0是一个数值,''表示长度为0的字符串,而null表示“空”;类似于 Swift用nil,Python用None;
    undefined,它表示“未定义”。


    数组

    数组是一组按顺序排列的集合,集合的每个值称为元素。
    JavaScript的数组可以包括任意数据类型。

    // 创建方式一
    [1, 2, 3.14, "Hello", null, true];
    
    // 创建方式二
    new Array(1, 2, 3);
    
    

    出于代码的可读性考虑,强烈建议直接使用[...]


    对象

    JavaScript的对象是一组由键-值组成的无序集合
    对象的键都是字符串类型,值可以是任意数据类型

    var person = {
        name: "Eric",
        age: 21,
        childs: ["Vivian", "Angular"],
        city: 'Beijing',
        isMarry: true,
        zipcode: null
    };
    

    变量

    变量不仅可以是数字,还可以是任意数据类型;
    变量在JavaScript中就是用一个变量名表示;
    变量名也不能是JavaScript的关键字;
    变量名采用驼峰命名法。

    var a; // 申明了变量a,此时a的值为undefined
    var $b = 1; // 申明了变量$b,同时给$b赋值,此时$b的值为1
    var s_007 = "007"; // s_007是一个字符串
    var isAnswered = true; // isAnswered是一个布尔值true
    var t = null; // t的值是null
    

    可以把任意数据类型赋值给变量,同一个变量可以反复赋值,而且可以是不同类型的变量,但是要注意只能用var申明一次


    strict模式

    如果一个变量没有通过var申明就被使用,那么该变量就自动被申明为全局变量

    i = 10; // i现在是全局变量
    

    在strict模式下运行的JavaScript代码,强制通过var申明变量,未使用var申明变量就使用的,将导致运行错误。

    启用strict模式的方法是在JavaScript代码的第一行写上:

    'use strict';
    

    相关文章

      网友评论

        本文标题:[JavaScript] (Day-02) - 数据类型和变量

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