zoukankan      html  css  js  c++  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/

  • 相关阅读:
    [Codechef Coders' Legacy 2018 CLSUMG]Sum of Primes
    [HDU4630]No Pain No Game
    [Luogu4329][COCI2006]Bond
    [数论]Gcd/ExGcd欧几里得学习笔记
    [数论]线性基学习笔记
    [Luogu5190][COCI2010]PROGRAM
    IIS7 HTTPS 绑定主机头,嘿嘿,转
    React
    ios
    iOS10 权限配置
  • 原文地址:https://www.cnblogs.com/cemaster/p/5923250.html
Copyright © 2011-2022 走看看