ES6基础语法

ES6基础语法

free photos.

1

一、用let代替var声明变量

ES5中,我们可以在代码中任意位置声明变量,甚至可以重写已经声明的变量,ES6引入了一个let关键字,它是新的var。

let language = 'javascript';

let language = 'zj'; //此处会报错

console.log(language);

因为同一作用域中let已经声明过了,所以再次声明会报错

2

二、常量

ES6还引入了const关键字,和let用法一样,唯一的区别就是,const变量是只读的

3

三、模板字符串拼接

用反引号拼接字符串

let language = 'javascript';

console.log(language);

let lan = `此处写字符串 $`;

console.log(lan) //此处写字符串 javascript

只要把变量写在${}里面就好了;模板字符串也可以识别空格,可可以用于多行的字符串,再也不用写\n了。

4

四、箭头函数

let circle = (x) => {

const PI = 3.14;

let area = PI * r * r;

return area;

}

可以省略掉关键字function,如果函数只有一条语句,可以连关键字都省略掉

let circle2 = (x) => 3.14 * r * r;

5

五、函数参数的默认值

let sum = (x = 1, y = 2, z = 3) => x + y + z;

console.log(sum());

可以声明函数参数的默认值

6

六、声明展开和剩余参数

ES6展开操作符 ...

let params = [1,2,3];

console.log(...params); //1 2 3

let pro = {

one:0,

two:1,

three:2,

};

console.log({...pro}); //{ one: 0, two: 1, three: 2 }

7

七、数组解构

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

以上代码和下面的代码效果是一样的

a = 'x';

b = 'y';

数组解构也可以进行值的互换

[x, y] = [y, x];

8

八、使用面向对象biancheng

//ES5语法

function Book (title, page, isbn) {

this.title = title;

this.page = page;

this.isbn = isbn;

}

console.log(this.title);

};

//ES6语法

class Desk {

constructor (title, pages, isbn){

this.title = title;

this.page = page;

this.isbn = isbn;

}

printIsbn () {

console.log(this.isbn);

}

}

ES6只需要使用class关键字,声明一个有constructor函数和诸如printIsbn等其他函数的类;

我们可以用extends扩展一个类并继承它的行为

//ES6语法

class ITDesk extends Desk {

constructor (title, pages, isbn){

this.title = title;

this.page = page;

this.isbn = isbn;

}

printIsbn () {

console.log(this.isbn);

}

}

2.

Home

135editor

生活哪里是一层一层上台阶或下台阶,生活分明是踩着一块浮冰去另一块浮冰,却永不知岸在何处。

by 吕彦妮

向上滑动

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20180610G1HHC600?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。

扫码关注云+社区

领取腾讯云代金券