ES6基本常用语法

Pandaaa 发布于2019-08-23 10:48 / 1270人阅读

摘要：它好比参数的逆运算，将一个数组转为用逗号分隔的参数序列。六对象比较两个值相等解决类型转换和的不等于自身，以及等于。

一、Let 和 const

更加优先使用let 和 const去取代var

二、变量的解构赋值 变量对象数组赋值

/*
let a=1;
let b={x:"test"};
let c=[1,2,3];
*/
let [a, b, c] = [1, {x: "test"}, [1, 2, 3]];
console.log(a);  //1
console.log(b.x);  //test
console.log(c.length);  //3

默认值

let [x = "1"] = [];
console.log(x);  //1

let [y, z = "2"] = ["1"];
console.log(y);  //1
console.log(z);  //2

用途

交换变量的值

let [x, y] = [1, 2];
[x, y] = [y, x];
console.log(`x=${x} y=${y}`);  //x=2 y=1

提取 JSON 数据

let jsonData = {
  id: 42,
  status: "OK",
  data: [867, 5309]
};

let { id, status, data } = jsonData;

console.log(id, status, data);  // 42, "OK", [867, 5309]

输入模块的指定方法

const { SourceMapConsumer, SourceNode } = require("source-map");

三、字符串

字符串遍历

let str="hello";
for(let i of str){
    console.log(i); 
}
/*
h
e
l
l
o
 */

includes(), startsWith(), endsWith()

let str="hello";
console.log(str.startsWith("he"));  //true
console.log(str.endsWith("lo"));  //true
console.log(str.includes("ll"));  //true

模板字符串

let a="test";
console.log(`I am ${a}`);  //I am test

四、函数

rest参数

function add(...values) {
  let sum = 0;

  for (var val of values) {
    sum += val;
  }

  return sum;
}

console.log(add(2, 5, 3)) // 10

箭头函数

/*
function test(x,y){
    return x+y;
}
*/

const test=(x,y)=>x+y;

使用箭头函数可以避免ES5函数this的问题，箭头函数this在方法内和方法外是一样的

五、数组

拓展运算符

扩展运算符（spread）是三个点（...）。它好比 rest 参数的逆运算，将一个数组转为用逗号分隔的参数序列。

console.log(...[1, 2, 3])
// 1 2 3

console.log(1, ...[2, 3, 4], 5)
// 1 2 3 4 5

六、对象

Object.is() 比较两个值相等

解决==类型转换和===的NaN不等于自身，以及+0等于-0。

Object.assign

对象的浅拷贝

对象深拷贝

JSON.parse(JSON.stringify(data));

GPU云服务器云服务器 js基本语法 java基本语法 javascript基本语法 java基本语法学习

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/96704.html

ES6-7

摘要：的翻译文档由的维护很多人说，阮老师已经有一本关于的书了入门，觉得看看这本书就足够了。前端的异步解决方案之和异步编程模式在前端开发过程中，显得越来越重要。为了让编程更美好，我们就需要引入来降低异步编程的复杂性。 JavaScript Promise 迷你书（中文版）超详细介绍promise的gitbook，看完再不会promise...... 本书的目的是以目前还在制定中的ECMASc...

mudiyouyou 2019-08-21 18:40 评论0 收藏0
ES6常用语法整合

摘要：说到肯定是先介绍了，据阮一峰老师介绍到，是一个广泛使用的转码器，可以将代码转为代码，从而在现有环境执行。输出其他还有等可以查看阮一峰的入门 ES6也出来有一会时间了，他新增的语法糖也的确大大提高了开发者的效率，今天就总结一些自己用到最多的。说到ES6肯定是先介绍Babel了，据阮一峰老师介绍到，Babel是一个广泛使用的转码器，可以将ES6代码转为ES5代码，从而在现有环境执行。这意...

张迁 2019-08-20 15:31 评论0 收藏0
面试深入一、ES6模块化、安装和打包

摘要：开发环境已经普及使用浏览器环境却支持不好需要开发环境编译内容很多，重点了解常用语法面试开发环境的使用重点语法的掌握问题模块化如何使用，开发环境如何打包和普通构造函数有何区别的基本使用和原理总结一下其他常用功能模块化的基本语法开发环境电脑有 ES6 开发环境已经普及使用浏览器环境却支持不好（需要开发环境编译）内容很多，重点了解常用语法面试：开发环境的使用 + 重点语法的掌握 ...

verano 2019-08-23 13:49 评论0 收藏0
工作中常用es6+特性

摘要：结合工作中使用情况，简单对进行一些复习总结，包括常用的语法，等，以及短时间内要上手需要重点学习的知识点不同工作环境可能有一些差别，主要参考链接是阮一峰的博客以及外文博客阮老师大部分文章是直接翻译的这个博客简介先说一下，是一个标准化组织，他们结合工作中使用情况，简单对es6进行一些复习总结，包括常用的语法，api等，以及短时间内要上手需要重点学习的知识点（不同工作环境可能有一些差别），...

xcold 2019-08-23 18:39 评论0 收藏0
es6语法快速上手

摘要：二一个的解析器在我们正式讲解语法之前，我们得先了解下。而则实际上为新增了块级作用域。的继承机制，实质是先创造父类的实例对象所以必须先调用方法，然后再用子类的构造函数修改。随着google和firfox以及node6.0对es6的支持，es6语法的定稿使它越来越受到关注，尤其是react项目基本上都是用es6来写的。是时候从es5到es6转变了showImg(http://static...

PiscesYE 2019-08-19 18:33 评论0 收藏0