?

目录

#. 概述

1. ECMAScript与JavaScript的关系

2. ECMAScript版本历史

3. 简单总结

#. 用法

1. 引入方式

2. 规范

3. 变量声明

#. 数据类型

1. 数值（Number）

2. 字符串（String）

3. 布尔值（Boolean）

4. null与undefined

5. 数组

6. 类型查询（typeof）

7. 运算符

#. 流程控制

1. if-else

2. if-else if-else

3. switch

4. for

5. while

6. 三元运算

#. 概述

1. ECMAScript与JavaScript的关系

1996年11月，JavaScript的创造者--Netscape公司，决定将JavaScript提交给国际标准化组织ECMA，希望这门语言能够成为国际标准。次年，ECMA发布262号标准文件（ECMA-262）的第一版，规定了浏览器脚本语言的标准，并将这种语言称为ECMAScript，这个版本就是1.0版。

该标准一开始就是针对JavaScript语言制定的，但是没有称其为JavaScript，有两个方面的原因。一是商标，JavaScript本身已被Netscape注册为商标。二是想体现这门语言的制定者是ECMA，而不是Netscape，这样有利于保证这门语言的开发性和中立性。

因此ECMAScript与JavaScript的关系是：前者是后者的规格，后者是前者的一种实现。

2. ECMAScript版本历史

注：ES6就是指ECMAScript 6.

3. 简单总结

尽管ECMAScript 是一个重要的标准，但它并不是 JavaScript 唯一的部分，当然也不是唯一被标准化的部分。实际上，一个完整的 JavaScript 实现是由以下 3 个不同部分组成的：

1. 核心（ECMAScript）
2. 文档对象模型（DOM）Document object model（整合js、css、html）
3. 浏览器对象模型（BOM）Broswer object model（整合js和浏览器）

简单地说，ECMAScript描述了JavaScript语言本身的相关内容.

• JavaScript是脚本语言.
• JavaScript是一种轻量级的编程语言.
• JavaScript是可插入HTML页面的编程代码.
• JavaScript插入HTML页面后，可由所有的现代浏览器执行.
• JavaScript很容易学习.

#. 用法

JavaScript中一切皆对象：字符串、数值、数组、函数...
JavaScript提供了多个内建对象，比如String、Date、Array...
JavaScript还允许自定义对象.

1. 引入方式

1. 将JS代码写在script标签内：  script标签一般写在head标签内，但也可写在body内部.

2. 引入.JS文件：

2. 规范

1. 注释（注释是代码之母）

2. 结束符

JavaScript中的语句要以分号 " ; " 为结束符：

3. 变量声明

1. JavaScript的变量可以由下划线、数字、字母、$组成,但不能以数字开头.
2. 声明变量使用 var 变量名 = 值; 的格式来声明：
   

注意：

• JavaScript中的变量名是区分大小写的.
• 推荐使用驼峰式命名规则.
• 保留字不能用做变量名.

ES6新增了let命令，用于声明变量，其用法类似于var，但是所声明的变量只在let命令所在的代码块内有效.
for循环的计数器就很适合使用let命令：

ES6新增了const命令，用来声明变量。一旦声明，其值便不可被更改：

保留字段

#. 数据类型

JavaScript拥有动态数据类型：

1. 数值（Number）

JavaScript不区分整数型和浮点型，就只有一种数字类型：

还有一种NaN，表示不是一个数字（Not a Number）：

NaN属性是代表非数字值的特殊值，该属性用于指示某个值不是数字.

2. 字符串（String）


常用方法：

slice与substring的区别：

两者相同点：

• 如果start等于end，返回空字符串.
• 如果stop参数省略，则取到字符串末尾.
• 如果某个参数超过了string的长度，那么这个会被替换为string的长度.

substirng()特点：

• 如果 start > stop，start和stop将被交换.
• 如果参数是负数或者不是数字，将替换为0.

silce()特点：

• 如果 start > stop，不会交换两者.
• 如果start或stop小于0，将倒数索引.

ES6中引入了模版字符串（template string），模版字符串是增强版的字符串，用反引号 " ` " 标示。
模版字符串可以当作普通的字符串使用，也可以用来定义多行字符串，或者在字符串中嵌入变量：

注意：如果模版字符串中需要使用反引号，则要在其前面用反斜杠转译.

JSHint启用ES6语法支持： /* jshint esversion:6 */

3. 布尔值（Boolean）

布尔值有true、false之分；true为真，false为假。空字符串、0、null、undefined、NaN都为false.

4. null与undefined

• null：表示值为空，一般在需要指定或清空一个变量时才会使用，如name = null;
• undefined：变量的默认值，当声明一个变量但未初始化时，该变量的值便为undefined，还有函数的默认返回值也为此.

null表示变量的值为空，undefined表示只声明了变量，但还没有赋值.

5. 数组

使用单独的变量名来存储一系列的值：

sort()方法详述：

如果调用该方法时没有使用参数，将按字母顺序对数组中的元素进行排序，说得更精确点，是按照字符编码的顺序进行排序。要实现这一点，首先应把数组的元素都转换成字符串（如有必要），以便进行比较。

若按照其他标准进行排序，就需要提供比较函数，该函数要比较两个值，然后返回一个用于说明这两个值的相对顺序的数字：

function sortNumber(a, b) {
    return a - b
}
 
var lst = [11, 100, 22, 55, 33, 44];
lst.sort(sortNumber);

关于for遍历数组：

var lst = [1, 2, 3, 4, 5, 6, 7, 8, 9];
 
for (var i=0;i<=lst.length;i++) {
    console.log(i);
}

ForEach的正确姿势：

map的正确姿势：

补充：

ES6新引入了一种原始数据类型（Symbol），表示独一无二的值。它是JavaScript语言中的第七种数据类型.

6. 类型查询（typeof）

typeof是一元运算符(就像++、--、！、- 等一元运算符)，不是方法，也不是函数.

对变量或值调用typeof运算符将返回下列值之一：

• undefined - 如果变量是 Undefined 类型的
• boolean - 如果变量是 Boolean 类型的
• number - 如果变量是 Number 类型的
• string - 如果变量是 String 类型的
• object - 如果变量是一种引用类型或 Null 类型的


7. 运算符

1. 算数运算符：+  -  *  /  %  ++  --

2. 比较运算符：>  >=  <  <=  !=  ==  ===  !==

"=="只比较值，"==="会比较值和值的内存地址：

3. 逻辑运算符：&&  ||  !

4. 赋值运算符：=  +=  -=  *=  /=

#. 流程控制

1. if-else

var n = 10;
 
if (n > 5) {
    console.log(‘Yes‘);
}else {
    console.log(‘No‘);
}

2. if-else if-else

var n = 10;
 
if (n > 5) {
    console.log(‘a > 5‘);
}else if (n < 5) {
    console.log(‘a < 5‘);
}else {
    console.log(‘a = 5‘);
}

3. switch

var day = new Date().getDay();
 
switch (day) {
    case 0:
        console.log(‘Sunday‘);
        break;
    case 1:
        console.log(‘Monday‘);
        break;
    default:
        console.log(‘...‘);
}

switch中的case子句通常都会加break语句，否则程序会继续执行后续case中的语句.

4. for

// 输出数字0-9
for (var i=0;i<10;i++) {
    console.log(i);
}

5. while

// 输出数字0-9
var n = 0;
while (n < 10) {
    console.log(n);
    n++;
}

6. 三元运算

var a = 1;
var b = 2;
var c = a > b ? a : b;
// 如果a>b则c=a，否则c=b