26

ES6

一、解构赋值

ES6允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为结构赋值,解构赋值主要包括数组的结构赋值、对象的结构赋值、字符串的结构赋值、函数参数的结构赋值。

数组的解构赋值

代码如下

传统赋值

var num1=1;

var num2=2;

var num3=3;

结构赋值

let [str1,str2,str3]=['aa','bb','cc'];

console.log(str1);

console.log(str2);

console.log(str3);

对象的解构赋值

代码如下:

let {num1,num2}={num1:100,num2:10};

console.log(num1);

console.log(num2);

字符串的解构赋值

代码如下:

let [a,b,c,d,e]=['hello'];

console.log(a);

console.log(b);

console.log(c);

console.log(d);

console.log(e);

函数参数的解构赋值

代码如下

function fn([x,y]){

    return x+y;

}

console.log(fn([10,20]));

解析:由于平时传入的参数x,y作为变量进行传入,加上“[ ]”表示以一个数组的形式进行传入参数,在调用函数的同时也是同样。

调换两个数的值

之前的写法

var a=3;

var b=5

var c;

交换两个数的值:声明第三个变量

c=b;

b=a;

a=c;

使用es6语法

let num1=10;

let num2=20;

[num1,num2]=[num2;num1];

console.log(num1);

console.log(num2);

模板字符串

多行字符串

用单引号或是双引号表示的字符串在编辑的过程中只能在一行显示,若要在多行显示需要在每一行结尾添加一个斜杠,这样的编辑方式对开发者显然不够友好,我们可以使用模板字符串的功能换行编辑字符串,代码如下所示

let str=`hello

    world

    `;

    console.log(str);

字符串中定义变量

es5写法

var name='jack';

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • js四天全部的笔记 document.write("LiLi"); console.log("hello.worl...
    喜欢暗杠阅读 1,378评论 0 1
  • js简介 Js是一种基于事件和对象驱动的解释性、松散性的语言。 一切皆对象 javascript 布兰登艾奇 ...
    塔库纳玛哈哈阅读 4,952评论 0 2
  • 第2章 基本语法 2.1 概述 基本句法和变量 语句 JavaScript程序的执行单位为行(line),也就是一...
    悟名先生阅读 9,674评论 0 13
  • 环境 VS2017、asp.net core 1.1 目的 将普通图片转换成渐进图片 代码如下 using(Mag...
    海玲珑阅读 4,028评论 0 0
  • 狸藻笙篇(12) 元旦晚上,灵水湖公园有烟花汇演,新宁高中很多因为家太远而留校的学生纷纷来到公园看烟花,放孔明灯。...
    逆夏22阅读 2,833评论 0 1