• 技术文章 >web前端 >前端问答

    javascript与es6的区别是什么

    长期闲置长期闲置2022-07-28 16:57:17原创209

    javascript与es6的区别:1、JavaScript一种动态类型、弱类型、基于原型的客户端脚本语言,用来给HTML网页增加动态功能,es6是JavaScript语言的下一代标准;2、es6是JavaScript的语言规范,JavaScript是es6的一种实现。

    本教程操作环境:windows10系统、javascript1.8.5版、Dell G3电脑。

    javascript与es6的区别是什么

    JavaScript是什么

    JavaScript一种动态类型、弱类型、基于原型的客户端脚本语言,用来给HTML网页增加动态功能

    动态:在运行时确定数据类型。变量使用之前不需要类型声明,通常变量的类型是被赋值的那个值的类型。

    弱类:计算时可以不同类型之间对使用者透明地隐式转换,即使类型不正确,也能通过隐式转换来得到正确的类型。

    原型:新对象继承对象(作为模版),将自身的属性共享给新对象,模版对象称为原型。这样新对象实例化后不但可以享有自己创建时和运行时定义的属性,而且可以享有原型对象的属性。

    ES6是什么

    ECMAScript 6.0(以下简称ES6)是JavaScript语言(现在是遵循ES5标准)的下一代标准,已经在2015年6月正式发布了。它的目标,是使得JavaScript语言可以用来编写复杂的大型应用程序,成为企业级开发语言。

    ES6的新特性

    ECMAScript和JavaScript的关系

    由于JavaScript的创造者Netscae公司的版权问题,ECMAScript不能叫Javascript。总之,ECMAScript和JavaScript的关系是,前者是后者的规格(语言规范),后者是前者的一种实现。

    扩展知识

    ES6特性如下:

    1.块级作用域 关键字let, 常量const

    2.对象字面量的属性赋值简写(property value shorthand)

    var obj = {
        // __proto__
        __proto__: theProtoObj,
        // Shorthand for ‘handler: handler’
        handler,
        // Method definitions
        toString() {
        // Super calls
        return "d " + super.toString();
        },
        // Computed (dynamic) property names
        [ 'prop_' + (() => 42)() ]: 42
    };

    3.赋值解构

    let singer = { first: "Bob", last: "Dylan" };
    let { first: f, last: l } = singer; // 相当于 f = "Bob", l = "Dylan"
    let [all, year, month, day] =  /^(dddd)-(dd)-(dd)$/.exec("2015-10-25");
    let [x, y] = [1, 2, 3]; // x = 1, y = 2

    4.函数参数 - 默认值、参数打包、 数组展开(Default 、Rest 、Spread)

    //Default
    function findArtist(name='lu', age='26') {
        ...
    }
    //Rest
    function f(x, ...y) {
      // y is an Array
      return x * y.length;
    }
    f(3, "hello", true) == 6
    //Spread
    function f(x, y, z) {
      return x + y + z;
    }
    // Pass each elem of array as argument
    f(...[1,2,3]) == 6

    【相关推荐:javascript视频教程web前端

    以上就是javascript与es6的区别是什么的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:javascript
    上一篇:javascript构造方法的缺点是什么 下一篇:html5支持wmv格式吗
    VIP课程(WEB全栈开发)

    相关文章推荐

    • 【活动】充值PHP中文网VIP即送云服务器• 详细了解JavaScript编译原理• JavaScript怎么处理树状结构数据的增删改查• 简单介绍JavaScript “原型“与“原型链“• 万字图解JavaScript笔记总结• JavaScript中switch的四种写法示例
    1/1

    PHP中文网