【学习笔记】--ES6的十个新特性

最新推荐文章于 2024-10-01 17:46:23 发布

KVN_G

最新推荐文章于 2024-10-01 17:46:23 发布

阅读量147

点赞数

分类专栏：学习笔记

本文链接：https://blog.csdn.net/qq_44940503/article/details/111246421

版权

学习笔记专栏收录该内容

49 篇文章 0 订阅

订阅专栏

本文详细介绍了ES6的多个关键特性，包括let和const声明变量、箭头函数、解构赋值、对象简写、字符串模板等，并探讨了模块导入导出、类与继承以及字符串的遍历器接口。通过实例解析，帮助开发者更好地理解和运用这些新特性。

摘要由CSDN通过智能技术生成

1. let和const命令

let用于声明和定义局部变量，限于某个代码块，在外部无法使用。
const用来定义常量，无法被更改值的变量。

for (let i=0;i<2;i++){
    console.log(i); //输出: 0,1
}
console.log(i); //输出：undefined,严格模式下会报错

2. 箭头操作符

ES6中新增的箭头操作符=>
用法：

let fun1 = (param)=>{ }　
let fun2 =  (param)=>{ }

3. 变量的解构赋值

ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值
如：

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

4. 对象的结构赋值

let { foo, bar } = { foo: 'aaa', bar: 'bbb' };

5. 字符串的遍历器接口

ES6 为字符串添加了遍历器接口，使得字符串可以被for…of循环遍历。

let arr = [“kevin”,”diana”,”jacky”];
for(let arrstr of arr){
    console.log(arrstr);
}

6. 对象简写

let obj = {
      name:”kevin”,
      age:23,
      show(){
           console.log();
}
}

7. rest 参数

function showarr(…params){
       params.forEach(function(v,k){
             console.log(v);
});
}
showarr(1,2,3);

8. 导入导出模块

将不同模块的js放在不同文件中，可以使用export来导出js,使用import来导入js

js1：export let name = “kevin”;
js2：import * as obj from “./js1.js”;

9. class 基本语法

class Person{
      constructor(name,age,sex){
            this.name = name;
            this.age = age;
}
}
//继承Person
class Student extends Person{
        constructor(){
             super（name,age,”男”）;
}
play（）{ }
toString（）{return  ….;}
static show(){ …}
}
//实例化
let stu = new Student(“kevin”,”23”);
stu.play();
console.log(stu.toString());
Student.show();

10. 字符串模板

ES6中允许使用反引号 ` 来创建字符串，此种方法创建的字符串里面可以包含由美元符号加花括号包裹的变量${vraible}。

var name = “乔布斯”;
console.log(`My name is ${name}`);