• 做网站18609840880

ES6语法入门 之开门见山

发布时间:2019-01-10

 今天开始一起来了解下Es6这个技术知识点,这样我们自己也可以总结和学习,也算一个好的开始和坚持。ECMAScript 6(以下简称ES6)是JavaScript语言的下一代标准。因为当前版本的ES6是在2015年发布的,所以又称ECMAScript 2015。也就是说,ES6就是ES2015。

 
虽然目前并不是所有浏览器都能兼容ES6全部特性,但越来越多的程序员在实际项目当中已经开始使用ES6了。所以就算你现在不打算使用ES6,但为了看懂别人写的代码你也必须要懂ES6的语法了...之前用的,你所熟悉的js语法是es5标准,现在是es6标准,恩就这么多。
 
ES6 常见语法
 
let, const, class, extends, super, arrow functions, template string, destructuring, default, rest arguments
这些是ES6常用的几个语法,基本上学会它们,我们就可以走遍天下都不怕啦!我会用通俗易懂的语言和例子来讲解它们,保证一看就懂,一学就会。
 
但是ES6那么多那么多特性,我们需要全部都掌握吗?秉着二八原则,掌握好常用的,有用的这个可以让我们快速掌握。今天跟大连网站建设公司来学基础的 也是有特点的  let, const
 
1.变量声明 const 和 let
 
我们都是知道在ES6以前,var关键字声明变量。无论声明在何处,都会被视为声明在函数的顶部(不在函数内即在全局作用域的顶部)。这就是函数变量提升例如:
 
  function aa() {    
  if(bool) {       
       var test = 'hello man'
   } else {       
        console.log(test)
    }
  }
以上的代码实际上是:
 
  function aa() {    var test // 变量提升
    if(bool) {
        test = 'hello man'
    } else {        
  
  //此处访问test 值为undefined
        console.log(test)
    }    //此处访问test 值为undefined
  }
所以不用关心bool是否为true or false。实际上,无论如何test都会被创建声明。
 
接下来ES6主角登场:
我们通常用let和const来声明,let表示变量、const表示常量。let和const都是块级作用域。怎么理解这个块级作用域?
 
在一个函数内部
在一个代码块内部
说白了 {}大括号内的代码块即为let 和 const的作用域。
看以下代码:
 
  function aa() {    
      if(bool) {      
       let test = 'hello man'
    } else {        //test 在此处访问不到
        console.log(test)
    }
  }
let的作用域是在它所在当前代码块,但不会被提升到当前函数的顶部。
 
再来说说const。
 
    const name = 'lux'
    name = 'joe' //再次赋值此时会报错
说一道面试题
 
    var funcs = []    
    for (var i = 0; i < 10; i++) {
        funcs.push(function() { console.log(i) })
    }
    funcs.forEach(function(func) {
        func()
    })
这样的面试题是大家常见,很多同学一看就知道输出 10 十次
但是如果我们想依次输出0到9呢?两种解决方法。直接上代码。
 
    // ES5告诉我们可以利用闭包解决这个问题
    var funcs = []    
    for (var i = 0; i < 10; i++) {
        func.push((function(value) {            
            return function() {              
            
              console.log(value)
            }
        }(i)))
    }    
    // es6
    for (let i = 0; i < 10; i++) {
        func.push(function() {           
     console.log(i)
        })
    }

我们的优势

更多+

多年互联网服务经验
大连网站制作团队
中小型企业互联网供应商
服务行业领域超过70个
品牌传播与互联网技术并重

公司介绍

更多+

  网站建设、品牌推广品牌公司:大连新图闻科技有限公司是一家互联网服务提供商, 企业网络服务品牌,也是企业邮箱品牌“盈世”的大连地区代理商。公司成立于2007年, 致力于为企事业单位及个人提供互联网解决方案。公司服务项目包括网站建设、网络营销推广、 宣传册设计、商业摄影、企业邮箱等,帮助客户高速应用互联网技术,提高企业综合竞争能力。

联系我们

更多+
  • 咨询热线

    咨询热线:186-0984-0880

  • 市场部 : 8001@newtwowin.com 业务联系,业务需求请发到此邮箱.

  • QQ咨询

    QQ咨询: 94091176

  • 邮箱

    客服部:xxz@newtwowin.com

  • 地址

    地址:大连市沙河口区西安路罗斯福B座3109

我们的技术

更多+

  在我们的对手消耗大量的时间停留在碎片化的互联网设计或者程序实现的时候,我们已经开始把数 字化品牌建设和网络传播进行了整合。只有通过整体的互联网品牌分析,帮助客户进行互联网品牌 建设,并传播企业品牌,并围绕品牌树立品牌价值,提升企业与用户的互相交流,与用户品牌交互,让 用户能找对的方法去解决问题。传播品牌,激起消费者品牌意识,在这过程中创造价值,这是我们成 功的秘诀,也是我们帮助用户成功的诀窍,更是成就好的品牌的一条直达线。

《中华人民共和国电信与信息服务业业务》工业和信息化部 辽ICP备09023418号-18
版权所有:大连新图闻科技有限公司