基本概念

1. 语法

  • 1.1 区分大小写

  • 1.2 标识符
    与其它语言相似。值得注意的一点,ECMAScript 标识符采用小驼峰命名。

  • 1.3 注释
    采用C风格注释

  • 1.4 严格模式
    ECMAScript 5 引入了严格模式。在严格模式下ECMAScript 3中的一些不确定的行为将得到处理,不安全的操作也会抛出错误。在顶部添加"use strict"即可开启。
    支持严格模式的浏览器包括 IE10,Firefox 4+,Safari 5.1+,Opera 12+,Chrome。

  • 1.5 语句
    分号结尾;
    没有分号解析器自己确定,不推荐;

2. 关键字和保留字

3. 变量

ECMAScript的变量是弱类型的,该变量可以保存任何值。

var message = "hi";

像这样初始化并不会把 message 标记为字符串类型,我们只是给它赋了个值而已,所以可以这样:

//不推荐
var message = "hi";
message = 100;

上面的操作在ECMAScript中是完全可以的,但是这么用你的良心不会痛吗

利用 var 定义的变量将成为定义该变量的作用域中的局部变量,所以我们可以通过省略 var 以定义一个全局变量,但是这样不推荐。

4. 数据类型

在 ECMAScript 中有6种数据类型:undefined、Null、Boolean、Number、String、Object。ECMAScript 不支持任何创建自定义类型的机制,所有值都将归为以上6种。

  • 4.1 typeof 操作符
    利用 typeof 操作符以检测变量的数据类型。typeof是操作符而不是函数
    "undefined" ===> 值未定义
    "boolean" ===> 布尔值
    "string" ===> 字符串
    "number" ===> 数值
    "object" ===> 对象或是 null
    "function" ===> 函数

调用 typeof null 返回 object
以前的一些版本的浏览器对正则表达式调用有的会返回 function,其他的则会返回 object

  • 4.2 Undefined 类型
    undefined 类型只有一个值。利用 var 声明变量但是未初始化,它的值就是 undefined。
var message;
alert( message === undefined ); // true

利用 typeof 对未定义的变量使用也会返回 undefined
未定义的变量只能执行的一项操作为 typeof

var message;
// var age;
alert( typeof message ); // "undefined"
alert( typeof age ); // "undefined"
  • 4.3 Null类型
    Null类型也只有一个值,为 null。
var car = null;
alert(typeof car); // "object"

如果声明了一个变量以准备保存对象,我们最好将它初始化为 null。

实际上 undefined 值是派生自 null 的

alert(null === undefined); // true
  • 4.4 Boolean类型
    Boolean 是 ECMAScript 中使用的最多的一种类型,该类型有两个字面值: true 和 false。true不一定等于1,而false也不一定等于0.("==" 和 "===" 的区别)
    boolean 字面值区分大小写,True和False不是Boolean值,只是个标识符

boolean函数转换规则:

数据类型 转化为true的值 转化为false的值
Boolean true false
String 任何非空字符串 ""
Number 任何非零数值 0和NaN
Object 任何对象 null
Undefined not applicable undefined
  • 4.5 Number类型

可以有十进制、八进制、十六进制,和其他地方一样。但是严格模式下八进制无效。

浮点数值

由于保存浮点数所需要的内存空间是保存整数值得两倍,所以ECMAScript会自己讲一些浮点数和当做整数来保存。

var floatNum1 = 1.;
var floatNum2 = 10.0;

注意,浮点数在进行数值计算时,其精度远远不如整数,例如0.1+0.2的值不是等于0.3而是0.30000000000000004,所以永远不要测试某个特定的浮点数

  a = 0.1;
  b = 0.2;
  if (a + b == 0.3){
    console.log("you got 0.3"); // 你永远也别想看到这句话
  }
数值范围

ECMAScript的最大数保存在 Number.MAX_VALUE 中,最小数保存在 Number.MIN_VALUE 中,超过这两个数值则转化为 Infinity 值。infinity 值无法参加计算。

NaN

NaN,即非数值是一个特殊的数值。用于表示一个本来要返回数值的操作数未返回数值的情况。在其他代码中任何数除以非数值都会导致错误而引起停止代码运行,但是在ECMAScript中我们会返回NaN,这样不会影响其他代码的运行。
两个特点:

  • 任何涉及 NaN 的操作都会返回 NaN
  • NaN 与任何值都不相等

我们可以用 isNaN() 函数来查看它是否“不是数值”,isNaN() 也适用于对象。

数制转换

三个函数可以将非数值转换为函数:

  • Number() :可用于任何数据类型
  • parseInt() :可用于解析整数
  • parseFloat() :可用于解析浮点数

Number()的转换规则如下:

  • Boolean:true ==> 1, false ==> 0
  • Number:保持原样
  • null:返回 0
  • undefined:返回NaN
  • String:
    ~ 只包含数字,转化为10进制数值
    ~ 包含有效的浮点格式,转化为对应的浮点数值
    ~ 包含有效的十六进制,转化为相同大小的整数
    ~ 字符串为空,转化为0
    ~ 以外,转化为NaN
  • Object: 先调用ValueOf()方法,依照前面规则转换返回的值;结果若为NaN,调用toString()方法,再按照上面的方法转换。
var num1 = Number("hello world!"); // NaN
var num2 = Number(""); // 0
var num3 = Number("00011"); // 11
var num4 = Number("1"); // 1

parseInt()转换规则如下:

  • parseInt()函数会忽略开头所有的空字符,遇到第一个非空字符时,查看是不是数字字符或者是符号,不是的话返回NaN。
  • 如果第一个非空字符是数字字符,则会一直解析,知道为空或者遇到非数字字符
  • 符合标准,则能够识别八进制和十六进制
var num1 = parseInt("1234blue"); // 1234
var num2 = parseInt(""); // NaN 这个和Number() 不同,注意
var num3 = parseInt("0xA");  // 10
var num4 = parseInt(22.5); // 22
var num5 = parseInt("070"); // 56,在ECMAScript 3 中会如此表现,但是在5 中则会返回70
var num55 = parseInt("70", 8); // 按照8进制数值来解析,返回56,建议像这个样子来
var num6 = parseInt("70"); // 70
var num7 = parseInt("0xf"); //15

parseFloat类似...

  • 4.6 String类型
    在ECMAScript当中,单引号双引号都可以,没区别,但要成对出现。
字符字面量

这里介绍了一些转义序列,详细可查表

字符串的特点

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

转化为字符串

转化为字符串有两个方法:

  • toString():返回相应值得字符串表现,数值,布尔值,对象,字符串值都有这个方法。toString()在多数时候不用带参数,但是我们可以通过指定参数来指定输出的字符串的进制
var num = 10;
alert(num.toString()); // "10"
alert(num.toString(2)); // "1010"
...
  • 在不知道要转化的对象是不是 null 或者 undefined 的情况下,还可以使用 String(),转化规则如下:
    ~ 如果值有 toString() 方法,则调用该方法并返回相应结果
    ~ 如果值是 null ,则返回 null
    ~ 如果值是 undefined ,则返回"undefined"

  • 4.7 Object类型
    创建:

var o = new Object();

Object 是所有对象的基础,它具有以下属性和方法:

  • constructor:保存着用于创建当前对象的函数。构造函数
  • hasOwnProperty(propertyName):检查当前给定的属性在当前对象实例中是否存在。
  • isPropertyOf(Object):检查传入的对象是不是当前对象的原型
  • propertyIsEnumerable(propertyName):检查给定的属性是否能够用 for-in 来枚举
  • toLocaleString():返回字符串表示
  • toString():返回字符串表示
  • valueOf():返回对象的字符串、数值、或者布尔值表示。

5.操作符

  • 一元操作符 ++a、--a、a++、a-- 不仅适用于整数,还适用于字符串、浮点数、布尔值、对象。规则:
    ~ 包含有效数字字符的字符串:转化为数字,执行操作,字符串变量变成数字变量
    ~ 不包含有效数字符的字符串:将变量的值设置为NaN,字符串变量变成数字变量
    ~ false:转换为0,在执行操作,布尔值变成数值
    ~ true:转换为1,在执行操作,布尔值变成数值
    ~ 浮点数:加减1
    ~ 对象:先调用 valueOf 方法取得一个可供操作的数值,然后对应规则;若为NaN,则调用toString方法,调用对应规则
var o = {
  valueOf: function() {
    return -1;
  }
};
o--; // -2
var s2 = "z";
s2++; // NaN
  • 位操作符
    ECMAScript使用IEEE-754 64位格式存储数字,使用起来就像是只存在32位整数。负数用二进制补码。not ~、and &、or |、xor ^。
    左移不会影响操作数的符号位 >>
    有符号的右移和无符号的右移不一样 >> 与 >>>

  • 布尔操作符
    逻辑非:先将操作数转化为布尔值,然后在对其求反
    逻辑与:在有一个操作数不是布尔值的情况下,遵循下列操作

    • 如果第一个操作数是对象,则返回第二个操作数
    • 如果第二个操作数是对象,则只有在第一个操作数的求值结果为true时,才返回该对象,第一个操作数为false返回0
    • 两个操作数都是对象,则返回第二个操作数
    • 如果第一个操作数是null,返回null
    • 如果第一个操作数是NaN,返回NaN
    • 如果第一个操作数是undefined,返回undefined

    正如以前提到过的,逻辑与属于短路操作,只要第一个操作数确定为false,就不会计算后面的结果,即使后面的操作数有什么错误
    逻辑或:在有一个操作数不是布尔值的情况下,遵循下列操作

    • 如果第一个操作数是对象,则返回第一个操作数
    • 如果第二个操作数是对象,则只有在第一个操作数的求值结果为false时,才返回该对象,第一个操作数为true返回1
    • 两个操作数都是对象,则返回第一个操作数
    • 如果两个操作数是null,返回null
    • 如果两个操作数是NaN,返回NaN
    • 如果两个操作数是undefined,返回undefined
      正如以前提到过的,逻辑或也属于短路操作,只要第一个操作数确定为true,就不会计算后面的结果,即使后面的操作数有什么错误
  • 乘性操作符

    • 乘法:下列规则
      ~ 操作数都是数值,正常操作,超过一定数值,返回 infinity
      ~ 有一个操作数是NaN,返回NaN
      ~ infinity与0相乘,返回NaN
      ~ infinity与非0数值相乘,返回infinity或者是-infinity
      ~ infinity与infinity相乘,返回infinity
      ~ 如果有一个操作数不是数值,则会调用number函数将其转化为数值然后再来
    • 除法:下列规则,与乘法相似不提
      ~ infinity与infinity相除,返回结果是NaN
      ~ 0除0,返回结果是NaN
    • 求模:下列规则
      var result = 26 % 5; // 等于1
      ~ 被除数无穷大,除数有限,NaN
      ~ 被除数有限,除数0,NaN
      ~ 无穷大除无穷大,NaN
      ~ 被除数有限,除数无穷大,返回被除数
      ~ 被除数是0,返回0
      ~ 不是数值调用number
  • 加性操作符

    • 加法
      ~ 负无穷加正无穷,NaN
      ~ +0加-0,返回+0
      ~ 两个都是字符串,将两个字符串拼起来
      ~ 一个是字符串,把另一个变成字符串拼起来
    • 减法
      ~ 无穷减无穷,NaN
      ~ 负无穷减负无穷,NaN
      ~ +0减+0,+0
      ~ -0减-0,+0
      ~ 一个操作数是字符串,调用number()将其转化为数字在执行操作
  • 关系操作符

    • 如果两个操作数都是字符串,则比较两个字符串所对应的字符编码值
    • 一个操作数是数值,则将另一个操作数转化为数值再比较
    • 对象也是
    • 布尔值也是
  • 相等操作符

    • 相等不相等 == 与 !=
      这一类会转化操作数为数值
      ~ true转化为1,false转化为0
      ~ 字符串和数字,字符串转化为数字
      ~ 对象有对象的方法
      ~ null和undefined相等
      ~ 比较相等性之前不能将null和undefined转换成其他值,undefined == 0 为false,null == 0 返回 false
      ~ 如果有一个操作数是NaN,则返回false,!=返回true即使两个都是NaN,相等操作符还是会返回false,NaN不等于NaN
      ~ 如果是两个对象,则会比较他们是不是同一个对象,如果指向同一个对象则返回true
    • 全等于不全等 === 和 !==
      全等不会强制转化数据类型

6.语句

  • if语句
  • do-while语句
  • while语句
  • for语句:ECMAScript不存在会计作用域,因此循环外部定义的量在里面也可以使用
  • for-in 语句:使用 for-in 语句可以枚举对象的属性
for (var propName in window) {
  document.write(propName);
}

ECMAScript对象的属性没有顺序,因此通过 for-in 循环输出的属性名的顺序是不可预测的。

  • label语句
  • with语句:作用为将代码的作用域设置到一个特定的对象中,严格模式下不允许使用,示例
// 正常情况
var qs = location.search.substring(1);
var hostName = location.hostname;
var url = location.href;

// 使用 with 以后
with(location) {
  var qs = search.substring(1);
  var hostName = hostname;
  var url = href;
}
  • switch语句,当我们想同时执行多个case的时候,不要忘了在省略break的case语句中添加注释,告诉别人你是故意省略的。

7.函数

利用函数封装程序块。

  • 理解参数:和别的地方不同,ECMAScript的函数不用在意传递的参数的个数,即使超过定义,或是不传参。实际上在函数里面使用arguments对象,来表示你所传的参数列表实例
function sayHi(){
  alert("Hello " + arguments[0] + "," + arguments[1]);
}

可以用 arguments对象的 length 属性知道传入了多少个参数给函数。

尽管arguments[0]的值与num1的内存空间独立,但是他们的值始终保持同步
没有被传递值的命名参数自动被赋予undefined值

  • 没有重载!如果定义了两个相同名字的参数,函数只属于后定的那个参数
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,332评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,508评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,812评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,607评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,728评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,919评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,071评论 3 410
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,802评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,256评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,576评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,712评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,389评论 4 332
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,032评论 3 316
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,798评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,026评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,473评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,606评论 2 350

推荐阅读更多精彩内容