ITPub博客

首页 > 应用开发 > Java > JavaScript的ES6有哪些新知识需要我们去学习

JavaScript的ES6有哪些新知识需要我们去学习

Java 作者:whisperrr 时间:2021-08-17 14:08:09 0 删除 编辑

  过学习微信小程序开发的基础知识后,又用了一周的时间来学习开发硅谷云音乐微信小程序的项目,在小程序项目实战的课程里面看到老师使用了大量的 ES6 的语法知识,有些高级的 JavaScript 写法还是让我看的有点摸不着头脑,私下自己抽时间又去学习了一下 ES6 的语法知识,下面就来给大家总结一下我们经常会用到的这些 ES6 的新知识。

  介绍

  ECMAScript6.0(简称 ES6),是JavaScript语言的下一代标准,目的是为了让JavaScript能够编写复杂的大型应用,成为企业级的开发语言。本编文章我们主要从它的新特性变量,字符串,数组,面向对象,Promise等这几个方面来学习。

  变量

  let:新增的声明变量关键字,不能重复声明,属于块级作用域,可以修改变量值。

  const:新增的声明变量关键字,不能重复声明,属于块级作用域,不能修改的常量值。

  var:这是我们在JS中经常用到的声明变量方式,可以重复声明,属于函数级作用域,不能限制它的修改。

  {

  let a = 1;

  const b = 2;

  var c = 3;

  }

  consloe.log(a); // 输出:Uncaught ReferenceError: a is not defined

  console.log(b); // 输出: 1,外部默认值

  console.log(c); // 输出: 3

  字符串

  模板字符串:可以使用反引号(``)标识,可以当作普通字符串使用,也可以定义多行字符串,还可以在字符串中签入变量(${var})。

  字符串遍历:为字符串添加了遍历器接口,可以用for...of循环遍历字符串。

  // 字符串模板

  let str1 = `Hello World`;

  let str2 = `Hello

  World`;

  let str3 = `第一个${str1}`;

  console.log(str1); // 输出:Hello World

  console.log(str2); // 输出:Hello World (换行)

  console.log(str3); // 输出:第一个Hello World

  // 字符串循环

  let str4 = 'abc'; 大连无痛人流医院  http://www.bhbyby.net/  

  for(let str of str1){

  console.log(str); // 输出:a b c (换行)

  }

  数组

  扩展运算符:使用三个点(...),是将一个数组转为用逗号分隔的参数序列,主要用于函数调用。

  扩展运算符主要应用复制数组,合并数组,字符串转数组等

  let arr = [1,2,3];

  console.log(...arr); // 输出:1 2 3

  const a1 = [1, 2];

  const a2 = [...a1];

  console.log(a2); // 输出:[1,2]

  const a3 = [1, 2];

  const a4 = [3, 4];

  const a5 = [...a3,...a4];

  console.log(a5); // 输出:[1,2,3,4]

  数组常用方法:

  Array.from(),将两类对象转换为真正的数组

  Array.of(),一组值转换为数组

  copyWithin(target,start,end),将指定位置的成员复制到其它位置,如:[1,2,3].copyWithin(0,2) // [3,2,3]

  find(),找出第一个符合条件的数组成员,参数为回调函数,如:[1,2,3].find(n=>n>1) // 2

  findIndex(),返回第一个符合条件的数组成员的位置索引,如:[1,2,3].findIndex(n=>n>1) // 1

  includes(),返回布尔值,表示某个数组是否包含给定的值,如:[1,2,3].includes(1) // true

  箭头函数

  使用箭头(=>)定义函数,箭头函数的 this 指向对象。

  语法:(参数1, 参数2, …, 参数N) => { 函数声明 }

  var fun = () => {

  console.log('没有参数的函数');

  }

  解构赋值

  解构是指从数组和对象中提取值,对变量进行赋值。

  let [a, b, c] = [1, 2, 3];

  console.log(a + " " +b + " " +c) // 输出: 1 2 3

  let [x, y = 'b'] = ['a'];

  console.log(x + " " + y); // 输出:a b

  函数

  可以为函数的参数指定默认值

  function foo(x = 1, y = 2) {

  console.log(x, y);

  }

  foo(undefined, null); // 输出:1 null

  Promise对象

  Promise 是异步编程的一种解决方案,解决异步回调。它代表未来将要发生的事件,可以获取异步操作的消息。

  Promise 对象三种状态:

  pending 初始化状态

  fulfilled 成功状态

  rejected 失败状态

  const promise = new Promise(function(resolve, reject) {

  // ... some code

  if (/* 异步操作成功 */){

  resolve(value);

  } else {

  reject(error);

  }

  });

  // 调用

  promise.then(function(value) {

  // 成功

  }, function(error) {

  // 失败

  });


来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/70005147/viewspace-2787357/ ,如需转载,请注明出处,否则将追究法律责任。

上一篇: java小白训练营
请登录后发表评论 登录
全部评论

注册时间:2021-08-11

  • 博文量
    24
  • 访问量
    13087