ECMAScript_6新特性
文章平均质量分 67
# ECMAScript_6新特性
小佘同学の記録
感谢关注,csdn已经不上线了,不会在更新了。 csdn都是个人在大二到大四期间学习的笔记,有些内容可能并不是正确的,请理解下,技术文章在掘金(持续更新) https://juejin.cn/user/4248168663101239
展开
-
ECMAScript_6新特性学习-----模块化
这里写自定义目录标题一. 模块化二. 模块化的好处三. ES6 模块化语法四. export命令四. import 命令一. 模块化模块化是指将一个大的程序文件,拆分成许多小的文件,然后将小文件组合起来。二. 模块化的好处模块化的优势有以下几点:防止命名冲突代码复用高维护性三. ES6 模块化语法模块功能主要由两个命令构成:export 和 import。export 命令用于规定模块的对外接口import 命令用于输入其他模块提供的功能四. export命令export原创 2021-01-26 21:53:02 · 225 阅读 · 0 评论 -
ECMAScript_6新特性学习-----Promise
Promise一. Promise一. PromisePromise 是 ES6 引入的异步编程的新解决方案。语法上 Promise 是一个构造函数,用来封装异步操作并可以获取其成功或失败的结果。Promise 构造函数: Promise (excutor) {}Promise.prototype.then 方法Promise.prototype.catch 方法Promise基本语法<!DOCTYPE html><html lang="en"><原创 2021-01-26 21:34:55 · 169 阅读 · 0 评论 -
ECMAScript_6新特性学习-----生成器
生成器一. 生成器一. 生成器生成器函数是 ES6 提供的一种异步编程解决方案,语法行为与传统函数完全不同代码说明:*的位置没有限制生成器函数返回的结果是迭代器对象,调用迭代器对象的 next 方法可以得到yield 语句后的值yield 相当于函数的暂停标记,也可以认为是函数的分隔符,每调用一次 next方法,执行一段代码next 方法可以传递实参,作为 yield 语句的返回值生成器函数案列测试<!DOCTYPE html><html lang="en"&原创 2021-01-26 21:16:25 · 160 阅读 · 0 评论 -
ECMAScript_6新特性学习-----迭代器_for...of
迭代器一. 迭代器一. 迭代器遍历器(Iterator)就是一种机制。它是一种接口,为各种不同的数据结构提供统一的访问机制。任何数据结构只要部署 Iterator 接口,就可以完成遍历操作。ES6 创造了一种新的遍历命令 for…of 循环,Iterator 接口主要供 for…of 消费原生具备 iterator 接口的数据(可用 for of 遍历)a) Arrayb) Argumentsc) Setd) Mape) Stringf) TypedArrayg) NodeList原创 2021-01-26 21:02:16 · 202 阅读 · 0 评论 -
ECMAScript_6新特性学习-----Symbol关键字
这里写自定义目录标题一. Symbol创建二. Symbol创建对象属性三. Symbol内置属性一. Symbol创建ES6 引入了一种新的原始数据类型 Symbol,表示独一无二的值。它是JavaScript 语言的第七种数据类型,是一种类似于字符串的数据类型。Symbol 特点 :Symbol 的值是唯一的,用来解决命名冲突的问题Symbol 值不能与其他数据进行运算Symbol 定义 的 对象属 性 不能 使 用 for…in 循 环遍 历 ,但 是可 以 使 用Reflect.ow原创 2021-01-24 22:26:40 · 314 阅读 · 0 评论 -
ECMAScript_6新特性学习-----函数参数默认值和rest参数和扩展运算符
函数参数默认值和rest参数一. 函数参数默认值二. rest参数三. 扩展运算符四. 扩展运算符的实列一. 函数参数默认值ES6 允许给函数参数赋值初始值形参初始值 具有默认值的参数, 一般位置要靠后(潜规则)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wi原创 2021-01-24 21:58:31 · 202 阅读 · 0 评论 -
ECMAScript_6新特性学习-----箭头函数
箭头函数一. 箭头函数一. 箭头函数ES6 允许使用「箭头」(=>)定义函数。通用写法let fn = (arg1, arg2, arg3) => { return arg1 + arg2 + arg3;}箭头函数的注意点:如果形参只有一个,则小括号可以省略函数体如果只有一条语句,则花括号可以省略,函数的返回值为该条语句的执行结果箭头函数 this 指向声明时所在作用域下 this 的值箭头函数不能作为构造函数实例化不能使用 arguments<!DO原创 2021-01-24 21:17:59 · 229 阅读 · 0 评论 -
ECMAScript_6新特性学习-----模板字符串和简化对象写法
模板字符串和简化对象写法一. 模板字符串二. 简化对象写法一. 模板字符串模板字符串(template string)是增强版的字符串,用反引号(`)标识,特点:字符串中可以出现换行符可以使用 ${xxx} 形式输出变量当遇到字符串与变量拼接的情况使用模板字符串<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewp原创 2021-01-24 21:01:50 · 184 阅读 · 0 评论 -
ECMAScript_6新特性学习-----变量的解构赋值
变量的解构赋值一. 变量的解构赋值一. 变量的解构赋值ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构赋值。如果解构不成功,变量的值就等于undefined。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>变量的解构赋值</title></head><body>原创 2021-01-24 20:51:09 · 153 阅读 · 0 评论 -
ECMAScript_6新特性学习__let和const关键字
let和const关键字一. let 关键字二. const 关键字一. let 关键字let 关键字用来声明变量,使用 let 声明的变量有几个特点:不允许重复声明块儿级作用域不存在变量提升不影响作用域链应用场景:以后声明变量使用 let 就对了简单测试一下let关键字的属性<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <met原创 2021-01-24 20:35:11 · 250 阅读 · 0 评论
分享