ES6使用规则和常见使用方法

简介: ES6使用规则和常见使用方法

ES6使用规则和常见使用方法


let命令

let命令与var的区别

let命令作用域只局限于当前代码块

使用let声明的变量作用域不会被提前

在相同的作用域下不能声明相同的变量

for循环体中let的父子作用域 //for循环用let来定义变量


const命令

定义常用


数组的解构赋值


// 传统赋值
let a = 1;
let b = 2;
let c = 3;
// 在ES6 的语法中允许这样
let [a, b, c] = [1, 2, 3];
let [x, y] = [1, 2, 3];
    console.log(x) // 1
    console.log(y) // 2
let [a, [b], d] = [1, [2, 3], 4];
    console.log(a) // 1
    console.log(b) // 2
    console.log(d) // 4


箭头函数


箭头函数格式

格式1:(形参列表)=>{函数体}

格式2:var st=(形参列表)=>{ 函数体 }

// 箭头函数的书写方式
let fun = () => { console.log('hello'); }
fun()        //调用箭头函数
// 箭头函数的书写方式
let fun = (a,b) => {  
    return a+b;
}
fun(2,3)        //调用箭头函数
// 普通函数的书写方式
function fun() {
    console.log('hello')
}
fun()     //调用普通方法
// 普通函数的书写方式
function fun(a,b) {
    return a+b;
}
fun(2,3)     //调用普通方法


export 、import 命令


export导出

// 导出单个函数
export function multiply(x, y) {
    return x * y;
};
// 导出多个函数
function v1() { }
function v2() { }
export {
    v1, v2
};


import导入

u使用export命令定义了模块的对外接口以后,其他 JS 文件就可以通过import命令加载这个模块。

// 在main.js中
import {firstName, lastName, year} from './profile.js';
function setName(element) {
  element.textContent = firstName + ' ' + lastName;
}


uexport default 命令

为了给用户提供方便,不用阅读文档就能加载模块,就要用到export default命令,为模块指定默认输出。

// export-default.js文件
export default function () {
    console.log('foo');
}
// import-default.js文件
import customName from './export-default';
customName();  // 'foo'


相关文章
|
SQL 分布式计算 大数据
大数据-119 - Flink Window总览 窗口机制-滚动时间窗口-基于时间驱动&基于事件驱动
大数据-119 - Flink Window总览 窗口机制-滚动时间窗口-基于时间驱动&基于事件驱动
423 0
|
C语言
C语言中的条件运算符和条件表达式详解
C语言中的条件运算符和条件表达式详解
1638 0
|
XML Java 数据格式
Spring介绍
【10月更文挑战第9天】
|
SQL 容灾 关系型数据库
[版本更新] PolarDB-X V2.4 列存引擎开源正式发布
[版本更新] PolarDB-X V2.4 列存引擎开源正式发布!
[版本更新] PolarDB-X V2.4 列存引擎开源正式发布
|
存储 监控 Linux
在Linux中,如何查看和管理Linux系统日志?
在Linux中,如何查看和管理Linux系统日志?
|
开发框架 .NET API
C#/.NET/.NET Core推荐学习书籍(24年8月更新)
C#/.NET/.NET Core推荐学习书籍(24年8月更新)
382 0
攻防演练中沙盘推演的四个阶段
【6月更文挑战第8天】沙盘推演是基于实战攻防演练的一种评估方法,用于预估网络攻击对政企机构及公共安全可能造成的经济损失、声誉损失和社会影响。
|
存储 关系型数据库 MySQL
MySQL中常见的存储引擎类型
【2月更文挑战第18天】
413 7
|
人工智能 安全 API
警觉!AI工具可能正在泄露您的数据...
不论是企业自身使用大模型训练自己的AI服务,还是内部员工使用AI工具提高生产力,当下都已逐渐演变为常态。近期,国内某互联网大厂也被传出正通过API将ChatGPT集成至内部的应用程序和服务中用以打造自己的大模型....然而,潮流的背后,潜在的安全隐患是否能够被及时识别呢?...
|
存储 SQL 关系型数据库
HBase与传统关系型数据库的区别是什么?
HBase与传统关系型数据库的区别是什么?
746 0