ES6-基础课程2

声明

var   = variable 变量   声明全局变量
let   = 假设
const = 常量

for循环使用let，不受污染

for(let i = 0; i <10; i++) {
    console.log(i);
}
console.log(i);   // Uncaught ReferenceError: i is not defined

例如：gulpfile.js引入插件模块可以使用const gulp = require(‘gulp’);

数据解构

注：数据解构，数据模式要一样

let array = [1,2,3];
let [i,j,k] = [1,2,3];
let [x,y,z] = array;
console.log(z);

undefined  无      NaN    缺少值
null       无对象    0    不是对象

允许默认值存在

let [m, n='hello world'] = ['say'];
let [m, n='hello world'] = ['say', undefined];
这两种情况，n为hello world

let [m, n='hello world'] = ['say', null];
这两种情况，n为null

对象的结构

let{u, v} = {u:1, v:3, e:0}
console.log(v);

这样写，会报错，让gulp不能执行正常编译
let l
{l} = {l: 222}
console.log(l)
要加上括号：
let l
({l} = {l: 222})

常量数据结构

const [aa,bb,cc,dd,ee] = 'hello';

函数参数的数据结构

function add([a,b]) {
    return a+b
}
console.log(add([1,2]));

function add([a,b=3]) {
    return a+b
}
console.log(add([1]));

json的数据结构

let json = {
    name: 'yangyanyi',
    age: 27
}
let {name, age} = json;

对象扩展运算符 … （对象的值扩展）

function aaa() {
    console.log(arguments[0])
    console.log(arguments[1])
    console.log(arguments[2])
    console.log(arguments[3])
}
aaa(1,2,3);
输出的是1，2，3，undefined
function bbb(...arg) {
    console.log(arg[0])
    console.log(arg[1])
    console.log(arg[2])
    console.log(arg[3])
}
bbb(1,2,3);
输出的是1，2，3，undefined

let arr1 = [1,2,3];
let arr2 = arr1;
console.log(arr2);    //[1,2,3]
arr2.push(4);
console.log(arr1);    //[1,2,3,4]
console.log(arr2);    //[1,2,3,4]
注：这种赋值不是简单的赋值，而是地址映射

只要是对象，都可以用对象运算符

let arr2 = [...arr1];
加上...代表对象的值
let arr2 = [...arr1,4,5,6,7];
console.log(arr1);    //[1,2,3]
console.log(arr2);    //[1,2,3,4,5,6,7]
这样赋值，修改arr2的值，不会对arr1有影响。

rest运算符 rest休息 剩余的部分

function ccc(first, ...arg) {
    console.log(arg.length);
    console.log(first);
    for(let val of arg){
        console.log(val);
    }
}
ccc(1,2,3,4,5,6,7);

（可以使用在组件化编程的时候，父组件调子组件，子组件调父组件）

字符串模板

let chr = 'z';
let chr1 ='\z';
let chr2 ='\u007A';
let chr3 = '\x2F';
console.log(chr3);

let person = '杨';
// ES5写法：
let news = '今天上午10点，' + person + '学习ES6';
// ES6写法：
let news1 = `今天上午10点，${person}学习ES6`;
console.log(news);
console.log(news1);

let a = 1;
let b = 2;
let sum = `<p>${ a+b }</p>`

判断一个字符串里面是否含有某字符

let person = '杨';
let news = '今天上午10点，杨学习ES6';

ES5:
console.log(news.indexOf(person));

ES6:
console.log(news.includes(person));
//文章开头
console.log(news.startsWidth(person));
//文章结尾
console.log(news.endsWidth(person));

循环输出

console.log('*',repeat(2));   //**
//会自动去掉小数点
console.log('*',repeat(2.5));   //** 

正则表达式

正则表达式学习环境

赏

谢谢你请我吃糖果

支付宝

微信

• 本文作者： LQbank
• 本文链接： http://example.com/2019/07/16/ES6-基础课程2/
• 版权声明： 本博客所有文章除特别声明外，均采用 MIT 许可协议。转载请注明出处！