ES6基础教程一学习笔记

最新推荐文章于 2025-02-24 17:01:17 发布

转载最新推荐文章于 2025-02-24 17:01:17 发布 · 43 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/Mrrabbit/p/7789122.html

本文详细介绍了ES6中新增的一些重要特性，包括变量声明方式如let和const的使用，解构赋值的多种应用场景，扩展运算符的功能及使用场景，以及字符串处理的新方法等。

一、变量的声明

　　1.var 声明全局变量在ES6中var用来声明全局变量。

　　2.let 声明局部变量

　　3.const 声明常量

二、变量的解构赋值

//1.数组赋值
let [a,b,c]=[1,2,3];
//模式要统一,左右两边要对应。
 let [a,[b,c],d]=[1,[2,3],4];

 //2.对象赋值 属性名要一样  顺序可以不一样
let {name,age}={name:'兔子先生',age:3}

//3.默认值  顺序是一一对应
let [a,b=2]=[3];//a=3 b=2
let [a=2,b]=[3];//a=3

//4.字符串赋值
let [a,b,c,d]='兔子先生';
alert(a);//兔
alert(c);//先

三、扩展运算符

//未知的参数个数
function test(...arr){
    alert(arr.length);
    alert(arr[2]);//3
}
test(1,2,3);

四、字符串

//字符串拼接

//在es5中是使用++拼接的，下面是es6写法，有些浏览器貌似还不能支持
let name='兔子先生';
let result='我是${name}';

//字符串查找
let str='一个少年一个背包走在路上张望';
str.indexOf('路');//es5写法 返回下标
str.includes('路');//true
str.startsWith('一');//判断开头是否存在 '一' true
str.endsWith('一');//判断结尾是否存在'一' false

//字符串复制
let vk='yuki';
vk.repeat(3);//yukiyukiyuki