首页前端开发其他前端知识如何解释JavaScript与ES6,ES6特性有哪些

如何解释JavaScript与ES6,ES6特性有哪些

时间2024-03-25 09:30:04发布访客分类其他前端知识浏览460
导读:相信很多人对“如何解释JavaScript与ES6,ES6特性有哪些”都不太了解,下面小编为你详细解释一下这个问题,希望对你有一定的帮助 javascript与es6的区别:1、JavaScript一种动...
相信很多人对“如何解释JavaScript与ES6,ES6特性有哪些”都不太了解,下面小编为你详细解释一下这个问题,希望对你有一定的帮助

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

如何快速入门VUE3.0:进入学习

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

javascript与es6的区别是什么

JavaScript是什么

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

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

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

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

ES6是什么

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

ES6的新特性

  • ES6中的let命令,声明变量,用法和var差不多,但是let是为JavaScript新增了块级作用域,ES5中是没有块级作用域的,并且var有变量提升的概念,但是在let中,使用的变量一定要进行声明。

  • ES6中变量的解构赋值,比如:var [a,b,c] = [0,1,2];

  • ES6中不再像ES5一样使用原型链实现继承,而是引入Class这个概念,听起来和Java中的面向对象编程的语法有些像,但是二者是不一样的。

  • ES6中的函数定义也不再使用关键字function,而是利用了=> 来进行定义;

  • ES6中可以设置默认函数参数,如function A(x,y=9){ } ;

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与ES6,ES6特性有哪些”的内容了,通过以上内容的阐述,相信大家对如何解释JavaScript与ES6,ES6特性有哪些已经有了进一步的了解,如果想要了解更多相关的内容,欢迎关注网络,网络将为大家推送更多相关知识点的文章。

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: 如何解释JavaScript与ES6,ES6特性有哪些
本文地址: https://pptw.com/jishu/652690.html
PHP中include的作用是什么,使用要注意哪些? 在javascript里面split方法如何使用呢?

游客 回复需填写必要信息