美文网首页
JavaScript语法

JavaScript语法

作者: Daryl_Z | 来源:发表于2018-04-06 21:27 被阅读0次

    1.JavaScript 的标识符规范

    • JavaScript是区分大小写(HTML、CSS不区分)
    • a A
    • 标识符规范:
        • 标识符也就是变量、函数、属性、参数等的名字。
    • 标识符的规定:
        • 第一个字符必须是字母、下划线或者美元符号$
        • 其他的字符可以是字母、下划线、数字
        • 例如:footerBar bannerArea _userName $home2
        • 错误例子:88Bar &demo address(Info)
    

    2.直接量

    • 直接量:就是在程序中直接使用的数据的值。
        18 //数字
        1.2//小数
        "web.sd.cn"//字符串
        true false//布尔值
        { a: 8; } //
        [] //数组
    

    3.JavaScript语句

    •JavaScript语句就是开发人员让程序执行的命令。JavaScript程序由语句组成。
    •JavaScript会忽略多余的空格和换行符。
    var x = 19;
    定义一个变量 x,它的值是 19;
    =”号是赋值运算符,把19的值给x
    var定义一个变量的关键字
    var y = x + 20;
    •每条语句用";"结束,非必须,但是我们要求必须添加";"号。
    •例如:
    var x,y;
    x = 10;
    y = 19;
    y = y * x;
    console.log(y);
    

    4.变量

    变量:源于数学的概念。变量,即是可以改变的量。也就是计算机内存中存储数据的标志符,变量的标识符
         指向的计算机存储空间可以存储相关的数据。
    JavaScript 中的变量是弱类型的,可以存储任何数据类型的数据。
    变量命名的语法: var a = 10; //var 是变量定义的关键字。语句的含义为:定义一个变量 a, 并且给 
                 a 赋值 10,也就是 a 指向的计算机存储空间中存储了 10 这个值。
    1.变量可以在声明的时候赋值,也可以稍后赋值:
       例如: var a; //定义变量 a
       a= "1222";//给 a 赋值字符串。
    2.变量可以随时改变存储的数据,甚至类型不一致都可以。
       var a = 9; a = "cn";//弱类型
       弱类型:变量的类型可以随时改变,不强迫类型一旦确定不能更改。
        如果定义多个变量用“,”隔开
        例如:var a, b = 9, c = 123;//都是局部变量
        特殊情况:var a = b = c = 9;//var 只能作用到 a 
    // 赋值语句
    var x = 123; // 数字
    var y = "3333"; // 字符串
    var c = false; // 布尔值
    var userName = []; // 数组
    // 变量定义都通过 var 关键字
    console.log(x)
    // 先声明变量后进行赋值
    var t;
    t = 8 * 9; // 72 *代表的乘法
    console.log(" 8 * 9 = " + t)
    t = "字符串";
    console.log(t);
    // 定义多个变量
    var a1, a2, a3, a4; // 声明了 4 个变量(局部变量)
    a1 = 1;
    a2 = "sss";
    var b1 = 1, // 声明变量,顺便给变量赋值
    b2 = 3,
    b3 = "nihao";
    // 绝对不推荐的一种
    var c1 = c2 = c3 = c4 = 0; // 定义了一个 c1 局部变量。 c2 c3 c4 全局变量
    

    5.数据类型分类

    JavaScript 的数据类型有:
    数值类型(number)
        123, 0.2 100.3 -4 -9.0
        10e10 => 10 的 10 次方
    布尔类型(boolean)
        true false
    字符串类型(string)
        '1dddd' , “ssssssljldj” 
    未定义类型(undefined)
        undefined
    null 类型(本质上是一个特殊的 object)
        null
        var t = null; // t 就是 null 类型
        var m ; // m == undefined
    object 类型(引用类型)
    function 类型(函数类型)
    这些类型又分为简单类型和复杂类型。其中 object 和 function 为复杂类型,其他为简单类型。
    

    6.typeof取数据类型

    • typeof是一种操作符。操作就是:获取变量或者字面量的数据类型。
    • 使用方法:
    • typeof(变量|直接量)
    • typeof 变量|直接量
    

    7.number 类型

    Number 类型,包括了所有的数字类型,包括:小数、整数、正负数、实数等。
    1、整数: var num = 10;
          合法的整数的范围:2-53 到 2 53 次方
    2、小数(浮点数): var num2 = - 1.33;
          小数如果是 0 开头,可以省略 0.例: var b = .33;
    3、表示十六进制:以 0x 开头的数据。 十六进制数字表示从 0 到 9,A 到 F
          var b = 0x4B;// =>十进制: 4*16+ 11
    4、科学表示法的数字:
          8.88e22 //8.88*1022
          3.3e-22 //3.3*10-22
    数据的表示范围
    1、最大值:Number.MAX_VALUE
          1.7976931348623157e+308
    2、最小值 Number.MIN_VALUE
          5e-324
    3、超过以上的范围后:Infinity
          正 Infinity
          负 Infinity
    非数字 NaN
    NaN:not a number,非数字值,是数字类型,但是非常特殊的数字类型值。
    parseInt("ss")//把 ss 字符串转成整数,此时转换失败会返回 NaN
    涉及到 NaN 的所有的操作都会返回 NaN
    判断是否是 NaN 使用 isNaN 方法
          isNaN(NaN);// => true
    

    8.算数运算符

    • +:加法。 10 + 10 = 20
    • - 减法
    • * 乘法
    • / 除法
    • % 求余(整除后的余数) 3%2 = 1
    代码示例:
    // 算数运算符: +
    var t = 10;
    t = 10 + 290;
    console.log(t); // => 300
    // - 号
    var m = 200;
    console.log( t - m ); // t= 300, m = 200. ==> 100
    // 乘法
    console.log( t * m); // 300 *200 = ==>60000
    // 除法
    console.log( m / t); // 200 / 300 = 1.5
    // 取余数
    console.log( 7 % 4 );
     算数运算符综合练习
    1.定义变量:a,b ,c,d
    2.变量 a = 10, b = 8, c = 9;
    3.变量 d 的值为 a 与 b 的 和。
    4.让变量 c 的值改变为:变量 d 和 变量 a 的乘机。
    5.让变量 c 的值翻倍。
    6.定义变量 f 为 abcd 的和,并输出 f 的值
    // 定义变量:a,b ,c,d
     var a, b, c, d;
    // 变量 a = 10, b = 8, c = 9;
    a = 10;
    b = 8;
    c = 9;
    // 变量 d 的值为 a 与 b 的 和。
    d = a + b;
    // 让变量 c 的值改变为:变量 d 和 变量 a 的乘机。
    c = d * a;
    // 让变量 c 的值翻倍。
    c = c * 2;
    // 定义变量 f 为 abcd 的和,并输出 f 的值
    var f = a + b + c + d;
    console.log(f);
    

    9.复杂的算数运算

    • 可以使用Math对象进行复杂的算数运算。
    
    Math方法.png

    10.boolean 类型(布尔类型)

    布尔类型只有两个值:真 true 和 假 false。注意区分大小写,都是小写。
    var x = true;//真
    var y = false;//假
    var z = 10 > 9; // z=>true
    var m = (NaN == NaN); // m => false;
    var t = (1 === '1'); // t => false 三个等号比较值和类型。
    var t = (1 == '1'); // t => true
    

    11.字符串类型

    字符串:就是由字符组成的串(羊肉)
    定义一个字符串直接量: “字符串” '字符串'. 字符串都是用双引号或者单引号引起来。
    var a = "1233"
    a = '123';
    字符串直接量必须写在同一行。(EC5 中可以用/链接不同行)
    toString()方法将其他类型转为字符串类型。
    var t = 19;
    t.toString(); // => “19”
    ''+值 => 转字符串
    var t = 19;
    t = t + ‘’; // t => “19”
    

    12.字面量转义符

    在字符串中某些特殊的字符用转义符表示。
    比如:如何在字符串中表示双引号?
    var a = "ssss"sss\n\t \b ss";//错误
    var a = "ssss\"ssssss";//转义符: \" => "
    
    转义字符.png

    13.Undefined 类型

    Undefined 类型只用一个特殊的值:undefined,中文的意思就是未定义。
    undefined 值出现的情况:
        当声明了一个变量,而未赋值的时候则变量的值为 undefined。
        当未声明变量,直接对变量操作的时候(函数的参数未定义直接使用),变量会初始化一个值
            :undefined
        显式的给变量赋值 undefined
        当调用一个对象的属性或者函数执行没有任何返回值时返回 undefined
    

    14.空对象 null

    Null 只是对象类型的一个值 null:空对象。
    null 表示对象为空,或者是无对象。
    typeof null=>"object",所以 null 是一个特殊的 object
    使用方法:
    var a = null;//定义一个空对象。
    null == undefined //true,都表示空
    null === undefined // false ,类型不同
    

    15.Object和Function

    • Object类型是JavaScript的引用类型。
    • var a = {} ; var a = new object();
    • 定义函数使用function关键字
    • function f () {} 那么f就是function类型的实例。

    相关文章

      网友评论

          本文标题:JavaScript语法

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