![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
ECMAScript
文章平均质量分 50
「已注销」
这个作者很懒,什么都没留下…
展开
-
Web Component自定义元素
一 概述自定义元素的名称必须包含中划线;必须有起始标签、结束标签,不能写成闭合标签。二 项目结构在HBuilder中创建普通项目。三 代码1 index.html<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>Web Component自定义元素</title> </head> <原创 2022-05-09 18:45:00 · 413 阅读 · 0 评论 -
Class类
一 基本用法class Fruit { // 静态属性 static aaa = 'aaa'; // 静态方法 static bbb(){ return 'bbb'; } // 构造函数 constructor(){ console.log(new.target === Fruit); } // 实例属性 ccc = 'ccc'; // 实例方法 ddd(){ return 'ddd'; }}const fruit = new Fruit();...原创 2020-09-28 17:35:07 · 72 阅读 · 0 评论 -
async function 异步函数
ES2017标准引入了async 函数,其实就是Generator函数的语法糖。asyn函数的实现原理,就是将Generator函数和自动执行器包装在一个函数里。一 基本用法/** * 延迟输出字符串。 * * @param {number} num - 延迟时间(毫秒)。 * @param {string} str - 字符串。 */function delay(num, str) { return new Promise((resolve, reject...原创 2020-09-25 18:28:48 · 656 阅读 · 0 评论 -
Generator生成器
一 基本用法// 生成器function* numberGenerator(){ yield 1; yield 2; return 3;}// 执行生成器,获取迭代器const gen = numberGenerator();const val1 = gen.next();console.log(val1);const val2 = gen.next();console.log(val2);const val3 = gen.next();console.l...原创 2020-09-24 19:00:23 · 469 阅读 · 0 评论 -
Iterator迭代器
一 使用普通函数,创建迭代器// 普通函数function makeIterator(arr) { let nextIndex = 0; // 返回迭代器 return { next() { return nextIndex < arr.length ? { value: arr[nextIndex++], done: false } : { value: undefined, done: true } } }}...原创 2020-09-22 18:53:00 · 143 阅读 · 0 评论 -
Decorator装饰器(stage 2提案)
一 类装饰器1 直接创建@sealedclass Dog { bark() { console.log('汪~'); }}// 装饰器function sealed(target){ Object.seal(target); Object.seal(target.prototype);}// 不能添加新属性(Uncaught TypeError: Cannot add property nick, object is not extensibl...原创 2020-09-21 19:20:14 · 374 阅读 · 0 评论 -
绑定运算符::
一 代码function hi(){}let person = { hello(){ }}// 用法一const _hi = person::aaa; // 相当于 var _hi = aaa.bind(person);// 用法二const _hello = ::person.aaa; // 相当于 var _hello = person.aaa.bind(person);原创 2020-09-21 12:33:30 · 245 阅读 · 0 评论 -
Reflect反射
一 代码let obj = { id: 123};// 赋值Reflect.set(obj,'id',456);// 读取console.log(Reflect.get(obj,'id'));// 拥有console.log(Reflect.has(obj,'id'));二 运行效果原创 2020-09-19 11:23:36 · 62 阅读 · 0 评论 -
Proxy代理
一 代码// 目标对象let obj = { id: 123};// 拦截行为let handler = { get(target,key){ console.log('读取'); return target[key]; }, set(target,key,val){ console.log('赋值'); target[key] = val; }, has(target,key){ console.log('拥有'); return key i...原创 2020-09-19 11:17:22 · 92 阅读 · 0 评论 -
页面相关的性能信息
一 概述Performance.timing 只读属性返回一个 PerformanceTiming 对象,这个对象包括了页面相关的性能信息。省去了手工在代码中标记各种时间点,提供了以前我们无法获取到的数据,比如DNS和TCP连接所需的时间。二 图示...原创 2020-07-01 21:43:09 · 129 阅读 · 0 评论