文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

JavaScript6里都有什么新鲜东西

2024-04-02 19:55

关注

这篇文章将为大家详细讲解有关JavaScript6里都有什么新鲜东西,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。

JavaScript 6里都有啥新鲜东西?让我们一起来看看JavaScript 6的一些新特性。

letconst (用来定义block-local变量), 程序过程中的function

解构: let {x, y} = pt; let [s, v, o] = triple();
(前提是let pt = {x:2, y:-5})

缺省参数值: function f(x, y=1, z=0) {…}

其它参数: function g(i, j, ...r) { return r.slice(i, j); }
(不需要再使用 arguments )。

数据展开: let a = [0,1,2,3], o = new Something(...a);。也可以用于数组字面量: [1, ...array, 4].

对象简写:
let one = 1; { one, func_one() {return 1;}, ['key ' + one]: 1 }.

函数简写 (a) => a * a 效果等同
(function(a) { return a * a; }).bind(this)

map, set: let m = new Map(); m.set(key, value); m.has(key); m.get(key).
还包括 .clear().delete().forEach().keys().

弱map: let map = new WeakMap()。当有循环引用时使用它。同理new WeakSet()

promise: new Promise((resolve, reject) => {…}).

当 promise.then(value => {…})时,resolve(valueOrPromise) 返回承诺的值 (或者是一个新的promise,形成链式调用)

promise.then(…).then(…).catch(error => {…})reject(new Error(…))中断promise

快速 promise 创建: Promise.resolve(value)Promise.reject(error).

迭代: Promise.all(listOfPromises).then(listOfValues => …),
Promise.race(listOfPromises).then(valueThatResolvedFirst => …)

代理: let obj = new Proxy(proto, handler).
简单说: 使用类对象的元素进行重载(能够带来所有可访问的属性。)

生成器: function* gen() { yield 1; yield 2; }
事实上,gen() 会返回一个含有 next() 函数的对象。

循环: for (var [key, val] of items(x)) { alert(key + ',' + val); }

类定义中使用extendssuper, 和 static:

class Point extends Base {   constructor(x,y) {     super();     this[px] = x, this[py] = y;     this.r = function() { return Math.sqrt(x*x + y*y); }   }   get x() { return this[px]; }   get y() { return this[py]; }   proto_r() { return Math.sqrt(this[px] * this[px] +       this[py] * this[py]); }   equals(p) { return this[px] === p[px] &&       this[py] === p[py]; } }

符号(Symbol)对象,创建私有的key,可用于map和类中(私有成员
members)。

let a = Map(); {   let k = Symbol();   a.set(k, 'value');   // 这里你可以访问和设置'value',比如a.get(k)。 } //这里不行,k是不可见的。

模块化:

module math {   export function sum(x, y) {     return x + y;   }   export var pi = 3.141593; }  import {sum, pi} from math; alert(sum(pi,pi));

模板式字符串: 可以多行,并能嵌入变量。
`You are ${age} years old.`.

// 多行字符串 re`line1: (words )* line2: \w+`  // It desugars to: re({raw:'line1: (words )*\nline2: \w+',     cooked:'line1: (words )*\nline2: \w+'})

关于JavaScript6里都有什么新鲜东西就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-前端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯