1.  标识符

    所谓标识符,就是指变量、函数、属性的名字,或者函数的参数。标识符可以是按照下列格式规则组合起来的一或多个字符:

    1.1   第一个字符必须是一个字母、下划线( _ )或一个美元符号( $ );

1.2   其他字符可以是字母、下划线、美元符号或数字。

总结:标识符只能由字母、数字、下划线或美元符号组成,但是第一个字符不能是数字,只能是其他三种。

(标识符中的字母也可以包含扩展的 ASCII或 Unicode字母字符(如 À和 Æ),但不推荐这样做。)

2.  数据类型

     简单数据类型(也称为基本数据类型):Undefined 、 Null 、 Boolean 、 Number  和   String; 复杂数据类型:Object 。

2.1  Undefined 类型

Undefined 类型只有一个值,即特殊的 undefined 。在使用 var 声明变量但未对其加以初始化时,这个变量的值就是 undefined ,例如:

var message;

alert(message == undefined);         //true

2.2  Null 类型

Null 类型是第二个只有一个值的数据类型,这个特殊的值是 null 。从逻辑角度来看, null 值表示一个空对象指针,而这也正是使用 typeof 操作符检测 null 值时会返回 "object" 的原因。

2.3  Boolean 类型

Boolean 类型是 ECMAScript 中使用得最多的一种类型,该类型只有两个字面值: true 和 false 。

虽然 Boolean 类型的字面值只有两个,但 ECMAScript 中所有类型的值都有与这两个 Boolean 值等价的值。

要将一个值转换为其对应的 Boolean 值,可以调用转型函数 Boolean() ,至于返回的这个值是 true 还是 false ,取决于要转换值的数据类型及其实际值。

下表给出了各种数据类型及其对应的转换规则。

数据类型    转换为true的值    转换为false的值 
Boolean    true   false 
String   任何非空字符串   "" (空字符串) 
Number  任何非零数字值(包括无穷大)  0和 NaN 
Object  任何对象  null 
Undefined    undefined 

2.4   Number 类型

最基本的数值字面量格式是十进制整数,除了以十进制表示外,整数还可以通过八进制(以 8 为基数)或十六进制(以 16 为基数)的字面值来表示。

其中,八进制字面值的第一位必须是零(0),然后是八进制数字序列(0~7)。如果字面值中的数值超出了范围,那么前导零将被忽略,后面的数值将被当作十进制数值解析。

十六进制字面值的前两位必须是 0x,后跟任何十六进制数字(0~9 及 A~F)。其中,字母 A~F可以大写,也可以小写。

在进行算术计算时,所有以八进制和十六进制表示的数值最终都将被转换成十进制数值。(八进制字面量在严格模式下是无效的,会导致支持的 JavaScript 引擎抛出错误。)

    var octalNum1 = 070;              // 八进制的 56
    var octalNum2 = 079;              // 无效的八进制数值——解析为 79
    var octalNum3 = 08;                // 无效的八进制数值——解析为

    var hexNum1 = 0xA;               // 十六进制的 10
    var hexNum2 = 0x1f;               // 十六进制的 31

2.4.1   浮点数值

由于保存浮点数值需要的内存空间是保存整数值的两倍,因此 ECMAScript会不失时机地将浮点数值转换为整数值。显然,如果小数点后面没有跟任何数字,那么这个数值就可以作为整数值来保存。

对于那些极大或极小的数值,可以用 e 表示法(即科学计数法)表示的浮点数值表示。用 e 表示法表示的数值等于 e 前面的数值乘以 10 的指数次幂。

var floatNum3 = .1;               // 有效,但不推荐

       var floatNum1 = 1.;              // 小数点后面没有数字——解析为 1
       var floatNum2 = 10.0;          // 整数——解析为 10

var floatNum = 3.125e7;      // 等于 31250000

浮点数值的最高精度是 17 位小数,但在进行算术计算时其精确度远远不如整数。例如,0.1 加 0.2的结果不是 0.3,而是 0.30000000000000004。这个小小的舍入误差会导致无法测试特定的浮点数值。

因此,永远不要测试某个特定的浮点数值。

        if (a + b == 0.3){ // 不要做这样的测试!
          alert("You got 0.3.");
        }

2.4.2    数值范围

由于内存的限制,ECMAScript 并不能保存世界上所有的数值。ECMAScript 能够表示的最小数值保存在 Number.MIN_VALUE 中——在大多数浏览器中,这个值是 5e-324;

能够表示的最大数值保存在Number.MAX_VALUE 中——在大多数浏览器中,这个值是 1.7976931348623157e+308。

如果某次计算的结果得到了一个超出 JavaScript 数值范围的值,那么这个数值将被自动转换成特殊的 Infinity 值。具体来说,如果这个数值是负数,则会被转换成 -Infinity (负无穷),如果这个数值是正数,则会被转换成 Infinity (正无穷)。

如上所述,如果某次计算返回了正或负的 Infinity 值,那么该值将无法继续参与下一次的计算,因为 Infinity 不是能够参与计算的数值。

要想确定一个数值是不是有穷的(换句话说,是不是位于最小和最大的数值之间),可以使用 isFinite() 函数。这个函数在参数位于最小与最大数值之间时会返回 true ,如下面的例子所示:

        var result = Number.MAX_VALUE + Number.MAX_VALUE;
        alert(isFinite(result)); //false

Number.NEGATIVE_INFINITY  =  -Infinity

Number.POSITIVE_INFINITY  =  Infinity

2.4.3   NaN

NaN ,即非数值(Not a Number)是一个特殊的数值,这个数值用于表示一个本来要返回数值的操作数未返回数值的情况(这样就不会抛出错误了)。

NaN 本身有两个非同寻常的特点:首先,任何涉及 NaN 的操作(例如 NaN /10)都会返回 NaN ,这个特点在多步计算中有可能导致问题。其次, NaN 与任何值都不相等,包括 NaN 本身。

alert(NaN == NaN); //false

针对 NaN 的这两个特点,ECMAScript 定义了 isNaN() 函数。这个函数接受一个参数,该参数可以是任何类型,而函数会帮我们确定这个参数是否“不是数值”。

isNaN() 在接收到一个值之后,会尝试将这个值转换为数值。某些不是数值的值会直接转换为数值,例如字符串 "10" 或 Boolean 值。而任何不能被转换为数值的值都会导致这个函数返回 true 。

      alert(isNaN(NaN));           //true
      alert(isNaN(10));              //false(10 是一个数值)
      alert(isNaN("10"));           //false(可以被转换成数值 10)
      alert(isNaN("blue"));        //true(不能转换成数值)
      alert(isNaN(true));           //false(可以被转换成数值 1)

注意:实际上只有 0除以 0 才会返回 NaN,正数除以 0 返回 Infinity,负数除以 0返回-Infinity。

       提示: 尽管有点儿不可思议,但 isNaN() 确实也适用于对象。在基于对象调用 isNaN()函数时,会首先调用对象的 valueOf() 方法,然后确定该方法返回的值是否可以转换为数值。如果不能,则基于这个返回值再调用 toString() 方法,再测试返回值。

  2.4.4 数值转换

     有 3 个函数可以把非数值转换为数值: Number() 、 parseInt() 和 parseFloat() 。转型函数 Number() 可以用于任何数据类型,而另两个函数则专门用于把字符串转换成数值。这 3个函数对于同样的输入会有返回不同的结果。

     Number() 函数的转换规则如下:

     1)  如果是 Boolean 值, true 和 false 将分别被转换为 1 和 0。

     2)  如果是数字值,只是简单的传入和返回。

     3)  如果是 null 值,返回 0。

     4)  如果是 undefined ,返回 NaN 。

     5)  如果是字符串,遵循下列规则:

      #  如果字符串中只包含数字(包括前面带正号或负号的情况),则将其转换为十进制数值,即 "1"会变成 1, "123" 会变成 123,而 "011" 会变成 11(注意:前导的零被忽略了);

      #  如果字符串中包含有效的浮点格式,如 "1.1" ,则将其转换为对应的浮点数值(同样,也会忽略前导零);

      #  如果字符串中包含有效的十六进制格式,例如 "0xf" ,则将其转换为相同大小的十进制整数值;

      #  如果字符串是空的(不包含任何字符),则将其转换为 0;

      #  如果字符串中包含除上述格式之外的字符,则将其转换为 NaN 。

     6)  如果是对象,则调用对象的 valueOf() 方法,然后依照前面的规则转换返回的值。如果转换的结果是 NaN ,则调用对象的 toString() 方法,然后再次依照前面的规则转换返回的字符串值。

     总结 :调用 Number() 返回 0 :Number(false) ; Number(null) ; Number(0) ; Number('') ;  Number('   ') ; Number('0.0') ;

    

    parseInt() 函数转换字符串规则:

    parseInt() 函数在转换字符串时,更多的是看其是否符合数值模式。它会忽略字符串前面的空格,直至找到第一个非空格字符。

    如果第一个字符不是数字字符或者负号, parseInt()就会返回 NaN ;也就是说,用 parseInt() 转换空字符串会返回 NaN ( Number() 对空字符返回 0)。

    如果第一个字符是数字字符, parseInt() 会继续解析第二个字符,直到解析完所有后续字符或者遇到了一个非数字字符。

     parseInt() 也能够识别出各种整数格式(即前面讨论的十进制、八进制和十六进制数)。也就是说,如果字符串以 "0x" 开头且后跟数字字符,就会将其当作一个十六进制整数;如果字符串以 "0" 开头且后跟数字字符,则会将其当作一个八进制数来解析。

    注意 : 在 ECMAScript 3 JavaScript 引擎中, "070" 被当成八进制字面量,因此转换后的值是十进制的 56。

         而在 ECMAScript 5 JavaScript 引擎中, parseInt() 已经不具有解析八进制值的能力,因此前导的零会被认为无效,从而将这个值当成 "70" ,结果就得到十进制的 70。

    为了消除在使用 parseInt() 函数时可能导致的上述困惑,可以为这个函数提供第二个参数:转换时使用的基数(即多少进制)。    

    var num3 = parseInt("0xA");               // 10(十六进制数)
    var num6 = parseInt("070");               // 70(十进制数)

    var num = parseInt("0xAF", 16);        //175    

    var num1 = parseInt("AF", 16);          //175
    var num2 = parseInt("AF");                //NaN

    指定基数会影响到转换的输出结果。例如:

    var num1 = parseInt("10", 2);            //2 (按二进制解析)
    var num2 = parseInt("10", 8);            //8 (按八进制解析)
    var num3 = parseInt("10", 10);          //10 (按十进制解析)
    var num4 = parseInt("10", 16);          //16 (按十六进制解析)

    注意 : 不指定基数意味着让 parseInt() 决定如何解析输入的字符串,因此为了避免错误的解析,我们建议无论在什么情况下都明确指定基数。

    parseFloat() 函数转换字符串规则:

    与 parseInt() 函数类似, parseFloat() 也是从第一个字符(位置 0)开始解析每个字符。而且也是一直解析到字符串末尾,或者解析到遇见一个无效的浮点数字字符为止。

    也就是说,字符串中的第一个小数点是有效的,而第二个小数点就是无效的了,因此它后面的字符串将被忽略。

    除了第一个小数点有效之外, parseFloat() 与 parseInt() 的第二个区别在于它始终都会忽略前导的零。

    parseFloat() 可以识别前面讨论过的所有浮点数值格式,也包括十进制整数格式。但十六进制格式的字符串则始终会被转换成 0。

    由于 parseFloat() 只解析十进制值,因此它没有用第二个参数指定基数的用法。  

    var num1 = parseFloat("1234blue"); //1234 (整数)
    var num2 = parseFloat("0xA"); //0
    var num3 = parseFloat("22.5"); //22.5
    var num4 = parseFloat("22.34.5"); //22.34
    var num5 = parseFloat("0908.5"); //908.5
    var num6 = parseFloat("3.125e7"); //31250000

2.5  String 类型

  String 类型用于表示由零或多个 16 位 Unicode 字符组成的字符序列,即字符串。字符串可以由双引号(")或单引号(')表示

2.5.1  字符字面量

  String 数据类型包含一些特殊的字符字面量,也叫转义序列,用于表示非打印字符,或者具有其他用途的字符。 

  \n     换行
  \t      制表
  \b     空格
  \r      回车
  \f      进纸
  \\      斜杠
  \'      单引号( ' ),在用单引号表示的字符串中使用。例如: 'He said, \'hey.\''
  \"        双引号( " ),在用双引号表示的字符串中使用。例如: "He said, \"hey.\""
  \xnn      以十六进制代码 nn 表示的一个字符(其中 n 为0~F)。例如, \x41 表示 "A"
  \unnnn    以十六进制代码 nnnn 表示的一个Unicode字符(其中 n 为0~F)。例如, \u03a3 表示希腊字符Σ

2.5.2   字符串的特点

  ECMAScript 中的字符串是不可变的,也就是说,字符串一旦创建,它们的值就不能改变。要改变某个变量保存的字符串,首先要销毁原来的字符串,然后再用另一个包含新值的字符串填充该变量。

2.5.3   转换为字符串

   toString() 方法:这个方法唯一要做的就是返回相应值的字符串表现。

  数值、布尔值、对象和字符串值(没错,每个字符串也都有一个 toString() 方法,该方法返回字符串的一个副本)都有 toString() 方法。但 null 和 undefined 值没有这个方法。

  多数情况下,调用 toString() 方法不必传递参数。但是,在调用数值的 toString() 方法时,可以传递一个参数:输出数值的基数。默认情况下, toString() 方法以十进制格式返回数值的字符串表示。

  var age = 11;
  var ageAsString = age.toString(); // 字符串"11"
  var found = true;
  var foundAsString = found.toString(); // 字符串"true"

  var num = 10;
  alert(num.toString()); // "10"
  alert(num.toString(2)); // "1010"
  alert(num.toString(8)); // "12"
  alert(num.toString(10)); // "10"
  alert(num.toString(16));   // "a"

  转型函数 String():能够将任何类型的值转换为字符串。

  String() 函数遵循下列转换规则:

  如果值有 toString() 方法,则调用该方法(没有参数)并返回相应的结果;

   如果值是 null ,则返回 "null" ;  

  var value1 = 10;
  var value2 = true;
  var value3 = null;
  var value4;
  alert(String(value1));    // "10"
  alert(String(value2));    // "true"
  alert(String(value3));    // "null"
  alert(String(value4));    // "undefined"

2.6   Object 类型

  ECMAScript 中的对象其实就是一组数据和功能的集合。对象可以通过执行 new 操作符后跟要创建的对象类型的名称来创建。而创建 Object 类型的实例并为其添加属性和(或)方法,就可以创建自定义对象,如下所示:

  var o = new Object();

  Object 的每个实例都具有下列属性和方法:

  constructor :保存着用于创建当前对象的函数。对于前面的例子而言,构造函数(constructor)就是 Object() 。

  hasOwnProperty(propertyName) :用于检查给定的属性在当前对象实例中(而不是在实例的原型中)是否存在。其中,作为参数的属性名( propertyName )必须以字符串形式指定(例如: o.hasOwnProperty("name") )。

  isPrototypeOf(object) :用于检查传入的对象是否是传入对象的原型。

  propertyIsEnumerable(propertyName) :用于检查给定的属性是否能够使用 for-in 语句来枚举。与 hasOwnProperty() 方法一样,作为参数的属性名必须以字符串形式指定。

  toLocaleString() :返回对象的字符串表示,该字符串与执行环境的地区对应。

   toString() :返回对象的字符串表示。

  valueOf() :返回对象的字符串、数值或布尔值表示。通常与 toString() 方法的返回值相同。

3.  typeof 操作符

对一个值使用 typeof 操作符可能返回下列某个字符串:

"undefined" ——如果这个值未定义;

"boolean" ——如果这个值是布尔值;

"string" ——如果这个值是字符串;

"number" ——如果这个值是数值;

"object" ——如果这个值是对象或 null ;

   "function" ——如果这个值是函数。

下面是几个使用 typeof 操作符的例子:

var message = "some string";
           alert(typeof message);           // "string"
           alert(typeof(message));         // "string"
           alert(typeof 95);                     // "number"

注意 : typeof null会返回 "object" ,因为特殊值 null 被认为是一个空的对象引用。

javascript 容易混淆遗忘的基础知识的更多相关文章

  1. 【JavaScript你需要知道的基础知识~】

    最近开始学习JavaScript,整理了一些相关的基础知识 JS注释方式:// 单行注释(Ctrl+/ )/* 段落注释(Ctrl+shift+/ )*/ [JavaScript基础]JavaScri ...

  2. JavaScript学习(一)——基础知识查漏补缺

    标签script 我们知道,html要使用js就要使用<script>标签. 两种方式: 一是直接在<script>这里</script>写入代码. 二是在别的文件 ...

  3. JavaScript回顾一下js的基础知识,以及学习一下在项目中了解到的新知识

    学习文档:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Guide/Functions https://www.cnblogs.com ...

  4. PHP面试(一):PHP基础知识考察点、网页考察点、Linux考察点、MySQL考察点

    一.基础知识考察 1.引用变量的概念及定义方式——引用变量的原理 2.常量及数据类型——字符串的三种定义方法及各自的区别 3.运算符的使用——错误控制符.运算符优先级 4.流程控制操作 5.自定义函数 ...

  5. (转)JAVA AJAX教程第二章-JAVASCRIPT基础知识

    开篇:JAVASCRIPT是AJAX技术中不可或缺的一部分,所以想学好AJAX以及现在流行的AJAX框架,学好JAVASCRIPT是最重要的.这章我给大家整理了一些JAVASCRIPT的基础知识.常用 ...

  6. JavaScript基础知识整理

    只整理基础知识中关键技术,旨在系统性的学习和备忘. 1.在 JScript 中 null 和 undefined 的主要区别是 null 的操作象数字 0,而 undefined 的操作象特殊值NaN ...

  7. JavaScript基础知识笔记

    做前端几年了,一直疏于整理归纳,所以这两天把基础看了一遍,加上使用经验,整理了基础知识中关键技术,旨在系统性的学习和备忘.如果发现错误,请留言提示,谢谢! 重要说明:本文只列举基础知识点,中级和高级内 ...

  8. 学习React之前你需要知道的的JavaScript基础知识

    在我的研讨会期间,更多的材料是关于JavaScript而不是React.其中大部分归结为JavaScript ES6以及功能和语法,但也包括三元运算符,语言中的简写版本,此对象,JavaScript内 ...

  9. javascript中BOM部分基础知识总结

    一.什么是BOM      BOM(Browser Object Document)即浏览器对象模型.      BOM提供了独立于内容 而与浏览器窗口进行交互的对象:      由于BOM主要用于管 ...

随机推荐

  1. 集训队日常训练20180513-DIV1

    A.3132 给一个有向图,问能否从任意点出发都能进入一个环中. 深搜. #include<bits/stdc++.h> using namespace std; ; vector< ...

  2. 洛谷P1314 [NOIP2011提高组Day2T2] 聪明的质监员

    P1314 聪明的质监员 题目描述 小T 是一名质量监督员,最近负责检验一批矿产的质量.这批矿产共有 n 个矿石,从 1到n 逐一编号,每个矿石都有自己的重量 wi 以及价值vi .检验矿产的流程是: ...

  3. 转:解决Onethink上传视频的问题 超棒的解决方案

    用过Onethink的都知道,它是不能上传视频的. 有人想到用上传附件的方式上传视频,但是结果……就是提示没有上传文件. 要是正常上传个一两兆的图片啊,压缩文件什么的还是可以的. 所以,重点来了 怎么 ...

  4. 确定比赛名次 HDU - 1285 (拓扑排序)

     注意点: 输入数据中可能有重复,需要进行处理! #include <stdio.h> #include <iostream> #include <cstring> ...

  5. ANN中乘积量化与多维倒排小结

    目前特征向量的比对加速优化能极大缩短比对耗时,改善用户体验. 优化的途径主要有两种,一是使用指令集(SSE,AVX)加速运算.二是使用ANN替代暴力搜索. 乘积量化和倒排索引组合是ANN中效果较好且实 ...

  6. 阿里云MVP北京闭门会圆满落幕 多把“利剑”助力开发者破阵蜕变

    摘要: 从传统制造业到新零售,从人工智能到新金融,阿里云MVP正在成为中国乃至全球各行各业数字化转型的中坚力量.当这群技术先锋者与阿里核心技术力量汇聚在一起,一场无与伦比的思想碰撞就此展开. 3月21 ...

  7. Directx11教程(9) 增加一个TimerClass类

    原文:Directx11教程(9) 增加一个TimerClass类      在上篇教程代码的基础上,我们增加一个TimerClass类,这个类的功能很简单,就是可以计算相邻2帧的时间差.利用这个时间 ...

  8. oracle如何利用hostname方式连接数据库

    host name方式只支持tcp/ip协议的小局域网 修改listener.ora中的如下信息 (SID_DESC = (GLOBAL_DBNAME = ur_hostname) --你的机器名 ( ...

  9. mysql通过日志恢复数据库

    案例:http://www.linuxidc.com/Linux/2012-11/74005.htm http://blog.csdn.net/ssrc0604hx/article/details/1 ...

  10. JQ取消hover事件

    $('a').unbind('mouseenter').unbind('mouseleave');