ES5和ES6区别

ES5和ES6区别练习 ES5 和 ES6 区别

1.let变量

`// var 声明的变量没有局部作用域 // let 声明的变量 有局部作用域 { 
    var a = 1; let b = 2; } /// console.log(a) //console.log(b) // var 可以声明多次 // let 只能声明一次 var m = 1 var m = 2 let n = 3 let n = 4 console.log(m) // 2 console.log(n) // Uncaught SyntaxError: Identifier 'n' has already been declared 

2.const变量

 const a =2 a = 3 //console.log(a) //const.html:12 Uncaught TypeError: Assignment to constant variable.
        //变量初始化必须赋值
        const TYPE  //const' declarations must be initialized.

3.对象创建的区别

 //原始定义对象和方法 const person = { 
    sayHi:function(){ 
    console.log("hello,你好") } } person.sayHi(); const person1 ={ 
    sayHi(){ 
    console.log("hello from person1") } } person1.sayHi() //对象的拷贝 ... // 1、拷贝对象 let person2 = { 
   name: "elite", age: 22} let someone = { 
    ...person2 } console.log(someone) //{ 
   name: "elite", age: 22} 

4.对象扩展赋值

 let user = { 
   name:"elite",age:22,sex:1} let username = user.name let userage = user.age let usersex = user.sex console.log(username,userage,usersex) let { 
   name,age,sex} = user console.log(name,age,sex) 

5.模板字符串

 let name = "elite" //模板字符串相当于加强版的字符串,用反引号 `,除了作为普通字符串,还可以在字符串中加入变量和表达式。 let info = `my name is ${name}` console.log(info) 

6.箭头函数

 // 当箭头函数没有参数或者有多个参数,要用 () 括起来。 // 当箭头函数函数体有多行语句,用 { 
   } 包裹起来,表示代码块, // 当只有一行语句,并且需要返回结果时,可以省略 { 
   } , 结果会自动返回。 var f3 = (a,b) => { 
    let result = a+b return result } console.log(f3(6,2)) // 8 // 前面代码相当于: var f4 = (a,b) => a+b console.log(f4(5,6)) 

7.promise的用法

 <script> //promise的用法 function test(resolve, reject) { 
    var r = Math.random() * 2; if (r < 1) { 
    console.log('call resolve()...'); resolve('200 OK'); }else { 
    console.log('call reject()...'); reject('r in ' + r + '.'); } } //新建promise1 /*var p1 = new Promise(test); var p2 = p1.then(function (result) { 
    console.log('成功:' + result); }); var p3 = p2.catch(function (reason) { 
    console.log('失败:' + reason); });*/ //串起来执行 new Promise(test).then(function (result) { 
    console.log('成功:' + result); }).catch(function (reason) { 
    console.log('失败:' + reason); }); </script> 
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/201300.html原文链接:https://javaforall.net

(0)
上一篇 2026年3月20日 上午9:38
下一篇 2026年3月20日 上午9:39


相关推荐

  • dell服务器全系列手册,DELL服务器 RAID配置中文手册.pdf[通俗易懂]

    dell服务器全系列手册,DELL服务器 RAID配置中文手册.pdf[通俗易懂]营销研究DELL服务器RAID配置中文手册文档为自行整理,非官方提供资料,一些概念的翻译可能不够准确,仅供参考。疏漏之处敬请反馈。RAID进行操作很可能会导致数据丢失,请在操作之前务必将重要数据妥善备份,以防万一。名称解释:DiskGroup:磁盘组,这里相当于是阵列,例如配置了一个RAID5,就是一个磁盘组VD(VirtualDisk):虚拟磁盘,虚拟磁盘可以不使用一个阵列的全部容…

    2022年6月18日
    28
  • Linux xsync命令脚本

    Linux xsync命令脚本在/bin/目录下创建xsync脚本如下:#!/bin/bash#1.判断参数个数if[$#-lt1]thenechoNotEnoughArguement!exit;fi#2.遍历集群所有机器forhostinmasternode1node2doecho====================$host====================#3.遍历所有目录,挨个发送forfilein$@do#4…

    2022年5月5日
    163
  • Jmeter性能测试(一)性能测试关键指标解析

    Jmeter性能测试(一)性能测试关键指标解析一、性能测试关键指标解析1、响应时间多–并发量快–延时、响应时间好–稳定性(长时间运行)省–资源利用率响应时间:对请求作出响应所需要的的时间,是用户感知软件性能的主要指标。响应时间包括:1.用户客户端呈现时间2.请求/响应数据网络传输时间3.应用服务器处理时间4.数据库系统处理时间响应时间多少合理?对于一个Web系统,普遍接受的响应时间标准为2/5/8秒(2秒–非常好;5秒–可接受;8秒是上限)2、并发用户数用户…

    2022年6月17日
    135
  • centos7安装方法_ad9安装及激活成功教程教程

    centos7安装方法_ad9安装及激活成功教程教程本文超详细的将CentOS7的安装过程做了详细的记录,从下载镜像文件到安装CentOS再到最后的配置,手把手教学,保证能够顺利的将CentOS安装好、配置好。

    2022年10月4日
    5
  • J2EE架构师之路

    J2EE架构师之路不经意的回首,工作进入第五个年头了,发现走过了从Java程序员到J2EE架构师的历程。发现电脑上安装了各种各样的J2EE工具:JBuilder,WSAD,Eclipse,Rose,Together,Weblogic,Jtest,Optimizator,Mysql…发现电脑上保存了各种各样的OpenSource项目:Tomcat,JBoss,Ant,Hibernate,Spr

    2022年6月30日
    27
  • Spring的注解@Qualifier用法

    Spring的注解@Qualifier用法Spring 的注解 Qualifier 用法在 Controller 中需要注入 service 那么我的这个 server 有两个实现类如何区分开这两个 impl 呢 根据注入资源的注解不同实现的方式有一点小小的区别下面上铺垫图请忽略我的红线在 Controller 中使用 Autowired 注入时 Qualifier 的意思是合格者 通过这个标示 表明了哪个

    2026年3月19日
    2

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号