Node.js基本语法简介

今天药忘吃喽~ 2022-08-23 05:52 233阅读 0赞

### 首先说以下Javascript 与ECMAScript的关系：JavaScript的创造者Netscape公司将JavaScript提交给国际标准化组织ECMA。1997年，ECMA发布ECMA-262的第一版，规定了浏览器脚本语言的标准，并将这种语言称为ECMAScript。2015年6月ECMAScript 6正式通过，成为国际标准。下面简要介绍以下ES6在ES5新增的语法。 ###

### **1 ES6的扩展：Class** ###

ES6的类完全可以看作是构造函数的另一种写法。  
class Point\{ // … \}  
typeof Point // “function”  
Point === Point.prototype.constructor // true  
constructor方法是类的默认方法，通过new命令生成对象实例时，自动调用该方法。一个类必须有constructor方法，如果没有显式定义，一个空的constructor方法会被默认添加。constructor方法默认返回实例对象（即this）。  
Class之间可以通过extends关键字实现继承。

### **2 ES6的扩展：let命令** ###

let命令用来声明变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效。

{
      let a = 10;
      var b = 1;
    }
    a // ReferenceError: a is not defined.
    b // 1

let不像var那样会发生“变量提升”现象。所以，变量一定要在声明后使用，否则报错。  
console.log(foo); // 输出undefined  
console.log(bar); // 报错ReferenceError  
var foo = 2;  
let bar = 2;  
let不允许在相同作用域内，重复声明同一个变量。

### **3 ES6的扩展：const命令** ###

const 声明一个只读的常量。一旦声明，常量的值就不能改变。  
const的作用域与let命令相同，只在声明所在的块级作用域内有效。const命令声明的常量也是不提升，同样存在暂时性死区，只能在声明的位置后面使用。const声明的常量，也与let一样不可重复声明。  
对于复合类型的变量，变量名不指向数据，而是指向数据所在的地址。const命令只是保证变量名指向的地址不变，并不保证该地址的数据不变。

const a = [];
    a.push("Hello"); // 可执行
    a.length = 0;    // 可执行
    a = ["Dave"];    // 报错

### **4 ES6的扩展：=>函数** ###

### **5 ES6的扩展：尾调用优化** ###

尾调用（Tail Call）是函数式编程的一个重要概念，指某个函数的最后一步是调用另一个函数。  
function f(x) \{ return g(x); \}  
函数调用会在内存形成一个“调用记录”，又称“调用帧”（call frame），保存调用位置和内部变量等信息。如果在函数A的内部调用函数B，那么在A的调用帧上方，还会形成一个B的调用帧。等到B运行结束，将结果返回到A，B的调用帧才会消失。如果函数B内部还调用函数C，那就还有一个C的调用帧，以此类推。所有的调用帧，就形成一个“调用栈”（call stack）。  
尾调用由于是函数的最后一步操作，所以不需要保留外层函数的调用帧，因为调用位置、内部变量等信息都不会再用到了，只要直接用内层函数的调用帧，取代外层函数的调用帧就可以了。  
ES6的尾调用优化只在严格模式下开启，在正常模式下无效。  
如果尾调用自身，就称为尾递归。

function factorial(n) {
        
      if (n === 1) return 1;
      return n * factorial(n - 1);
    } 对比
    function factorial(n, total) {
        
      if (n === 1) return total;
      return factorial(n - 1, n * total);
    }

### **6 ES6的扩展：Symbol** ###

ES6引入了一种新的原始数据类型Symbol，表示独一无二的值。  
JavaScript语言的其它六种数据类型是：Undefined、Null、Boolean、String、Number、Object。  
Symbol值通过Symbol函数生成。  
let s = Symbol(); typeof s // “symbol“  
Symbol函数可以接受一个字符串作为参数，表示对Symbol实例的描述。  
var s1 = Symbol(“foo”); var s2 = Symbol(“foo”); s1 === s2 // false  
Symbol用于对象的属性名能保证不会出现同名的属性。

var mySymbol = Symbol();
    var a = { [mySymbol]: 'Hello!‘ };
    a[mySymbol] // "Hello!"

Object.getOwnPropertySymbols方法返回一个数组，成员是当前对象的所有用作属性名的Symbol值。

### **7 ES6的扩展：二进制数组** ###

二进制数组就是在这种背景下诞生的。它很像C语言的数组，允许开发者以数组下标的形式，直接操作内存，大大增强了JavaScript处理二进制数据的能力，使得开发者有可能通过JavaScript与操作系统的原生接口进行二进制通信。  
二进制数组由三类对象组成。  
ArrayBuffer对象：代表内存之中的一段二进制数据，可以通过“视图”进行操作。“视图”部署了数组接口，这意味着，可以用数组的方法操作内存。  
TypedArray视图：共包括9种类型的视图，比如Uint8Array（无符号8位整数）数组视图, Int16Array（16位整数）数组视图, Float32Array（32位浮点数）数组视图等等。  
DataView视图：可以自定义复合格式的视图，比如第一个字节是Uint8（无符号8位整数）、第二、三个字节是Int16（16位整数）、第四个字节开始是Float32（32位浮点数）等等，此外还可以自定义字节序。  
很多浏览器操作的API，用到了二进制数组操作二进制数据，例如File API、 XMLHttpRequest、Fetch API、Canvas、WebSockets。

### **8 ES6的扩展：Set数据结构+Map数据结构** ###

这一部分与其他高级语言的数据结构比较类似，在此就不赘述了。

### **9 ES6的扩展：异步操作** ###

let promise = new Promise(function(resolve, reject) {
        
      console.log('Promise');
      resolve();
    });
    promise.then(function() {
        
      console.log('Resolved.');
    });
    console.log('Hi!');
    // Promise
    // Hi!
    // Resolved

上面代码中，Promise新建后立即执行，所以首先输出的是“Promise”。然后，then方法指定的回调函数，将在当前脚本所有同步任务执行完才会执行，所以“Resolved”最后输出。  
异步加载图片的例子

### **10 ES6的扩展：Module** ###

模块功能主要由两个命令构成：export和import。export命令用于规定模块的对外接口，import命令用于输入其他模块提供的功能。  
// profile.js  
export var firstName = ‘Michael’;  
export var lastName = ‘Jackson’;  
也可写成  
var firstName = ‘Michael’;  
var lastName = ‘Jackson’;  
export \{firstName, lastName\};  
export \{lastname as surname\};  
export命令除了输出变量，还可以输出函数或类。

### **11 ES6的扩展：严格模式** ###

ES6的模块自动采用严格模式，不需要在模块头部加上”use strict”;  
严格模式主要有以下限制。  
变量必须声明后再使用  
函数的参数不能有同名属性，否则报错  
不能使用with语句  
不能对只读属性赋值，否则报错  
不能使用前缀0表示八进制数，否则报错  
不能删除不可删除的属性，否则报错  
不能删除变量delete prop，会报错，只能删除属性delete global\[prop\]  
eval不会在它的外层作用域引入变量  
eval和arguments不能被重新赋值  
arguments不会自动反映函数参数的变化  
不能使用arguments.callee  
不能使用arguments.caller  
禁止this指向全局对象  
不能使用fn.caller和fn.arguments获取函数调用的堆栈  
增加了保留字（比如protected、static和interface）

关于 ES6在ES5基础上增加的语法还是比较多的，在此就不一一列举了。重要的是如何使用和实践环节。