你的位置:首页 > Java教程

[Java教程]javascript基础集锦(一)


  本系列主要记录javascript中,新手比较容易搞错的地方。

  (1)要特别注意相等运算符==。JavaScript在设计时,有两种比较运算符:第一种是==比较,它会自动转换数据类型再比较,很多时候,会得到非常诡异的结果;第二种是===比较,它不会自动转换数据类型,如果数据类型不一致,返回false,如果一致,再比较。由于JavaScript这个设计缺陷,不要使用==比较,始终坚持使用===比较。

  (2)NaN这个特殊的Number与所有其他值都不相等,包括它自己:

        NaN === NaN; // false

       唯一能判断NaN的方法是通过isNaN()函数:

        isNaN(NaN); // true

  (3)注意浮点数的相等比较:

        1 / 3 === (1 - 2 / 3); // false
      这不是JavaScript的设计缺陷。浮点数在运算过程中会产生误差,因为计算机无法精确表示无限循环小数。要比较两个浮点数是否相等,只能计算它们之差的绝对值,看是否小于某个阈值:
        Math.abs(1 / 3 - (1 - 2 / 3)) < 0.0000001; // true

  (4)null和undefined

      null表示一个“空”的值,它和0以及空字符串''不同,0是一个数值,''表示长度为0的字符串,而null表示“空”。
    在其他语言中,也有类似JavaScript的null的表示,例如Java也用null,Swift用nil,Python用None表示。但是,在JavaScript中,还有一个和null类似的undefined,它表示“未定义”。
    JavaScript的设计者希望用null表示一个空的值,而undefined表示值未定义。事实证明,这并没有什么卵用,区分两者的意义不大。大多数情况下,我们都应该用null。undefined仅仅在

    判断函数参数是否传递的情况下有用。

   (5)变量的声明

      JavaScript在设计之初,为了方便初学者学习,并不强制要求用var申明变量。这个设计错误带来了严重的后果:如果一个变量没有通过var申明就被使用,那么该变量就自动被申明

    为全局变量:

        i = 10; // i现在是全局变量
      在同一个页面的不同的JavaScript文件中,如果都不用var申明,恰好都使用了变量i,将造成变量i互相影响,产生难以调试的错误结果。
      使用var申明的变量则不是全局变量,它的范围被限制在该变量被申明的函数体内(函数的概念将稍后讲解),同名变量在不同的函数体内互不冲突。
    为了修补JavaScript这一严重设计缺陷,ECMA在后续规范中推出了strict模式,在strict模式下运行的JavaScript代码,强制通过var申明变量,未使用var申明变量就使用的,将导致

    运行错误。

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

        'use strict';
      这是一个字符串,不支持strict模式的浏览器会把它当做一个字符串语句执行,支持strict模式的浏览器将开启strict模式运行JavaScript。

   (6)变量的赋值

    在JavaScript中,使用等号=对变量进行赋值。可以把任意数据类型赋值给变量,同一个变量可以反复赋值,而且可以是不同类型的变量,但是要注意只能用var申明一次,例如:
      var a = 123; // a的值是整数123
      a = 'ABC'; // a变为字符串
    这种变量本身类型不固定的语言称之为动态语言,与之对应的是静态语言。静态语言在定义变量时必须指定变量类型,如果赋值的时候类型不匹配,就会报错。例如Java是静态语言,

    赋值语句如下:
      int a = 123; // a是整数类型变量,类型用int申明
      a = "ABC"; // 错误:不能把字符串赋给整型变量
    和静态语言相比,动态语言更灵活,就是这个原因。

  (7)模板字符串   

    要把多个字符串连接起来,可以用+号连接:
      var name = '小明';
      var age = 20;
      var message = '你好, ' + name + ', 你今年' + age + '岁了!';
      alert(message);
    如果有很多变量需要连接,用+号就比较麻烦。ES6新增了一种模板字符串,表示方法和上面的多行字符串一样,但是它会自动替换字符串中的变量:
      var name = '小明';
      var age = 20;
      var message = `你好, ${name}, 你今年${age}岁了!`;
      alert(message);

  (8)字符串操作

    字符串是不可变的,如果对字符串的某个索引赋值,不会有任何错误,但是,也没有任何效果:
      var s = 'Test';
      s[0] = 'X';
      alert(s); // s仍然为'Test'
    JavaScript为字符串提供了一些常用方法,注意,调用这些方法本身不会改变原有字符串的内容,而是返回一个新字符串。

  (9)字符串索引计算位置

    indexOf
      indexOf()会搜索指定字符串出现的位置:
        var s = 'hello, world';
        s.indexOf('world'); // 返回7,计算这个值的时候,从1开始计算,数到该单词第一个字符出现的位置!
        s.indexOf('World'); // 没有找到指定的子串,返回-1
    substring
      substring()返回指定索引区间的子串:
        var s = 'hello,world'
        s.substring(0, 5); // 从索引0开始到5(不包括5),返回'hello'
        s.substring(6); // 从索引6开始到结束(包括6),返回'world'

      计算这个索引的时候,记着substring的左数值要包括,右数值不包括。

  (10)数组   

    JavaScript的Array可以包含任意数据类型,并通过索引来访问每个元素。
    要取得Array的长度,直接访问length属性:
      var arr = [1, 2, 3.14, 'Hello', null, true];
      arr.length; // 6
    请注意,直接给Array的length赋一个新的值会导致Array大小的变化:

      var arr = [1, 2, 3];
      arr.length; // 3
      arr.length = 6;
      arr; // arr变为[1, 2, 3, undefined, undefined, undefined]
      arr.length = 2;
      arr; // arr变为[1, 2]
  Array可以通过索引把对应的元素修改为新的值,因此,对Array的索引进行赋值会直接修改这个Array:

    var arr = ['A', 'B', 'C'];
    arr[1] = 99;
    arr; // arr现在变为['A', 99, 'C']
  请注意,如果通过索引赋值时,索引超过了范围,同样会引起Array大小的变化:

    var arr = [1, 2, 3];
    arr[5] = 'x';
    arr; // arr变为[1, 2, 3, undefined, undefined, 'x']
    大多数其他编程语言不允许直接改变数组的大小,越界访问索引会报错。然而,JavaScript的Array却不会有任何错误。在编写代码时,不建议直接修改Array的大小,

  访问索引时要确保索引不会越界。

 

  注:本文素材皆来自廖大神的个人网站,我只是做一个简要的总结。在此对他表示感谢,给大家提供这样的一个平台。出处:http://www.liaoxuefeng.com/