js学习之ES6入门基础篇

  • 声明方式

 var  \  let  \  const

【0】let 变量不允许重复声明,但可以重复赋值。

【1】ES6以前,是函数集作用域,ES6以后开始出现了块级作用域。

【2】var会造成循环操作以外的变量泄露,但let应该不会。

【3】const是常量,不可以重新赋值。更不允许重复声明。

示例代码




    
    
    Document


    
    

 


 

  • 字符串(初级)

  1. fromCharCode \ charCodeAt
  2. repeat
  3. includes
  4. startsWith
  5. endsWith



    
    

    
    Document


    
    

 


  • 字符串(高级之模板)${}  ``




    
    

    
    Document


    
    


 

  • 字符串 (高级之数组)find

代码片段

        // 数组 find 这货是个循环哦
        // 第一个参数 元素值
        // 第二个参数 数组元素的下标
        // 第三个参数 数组本身

        [1,2,3,4,5,6] .find(function(x,y,z){
            console.log(x,y,z);
        });

运行结果

js学习之ES6入门基础篇_第1张图片

另:x 相当于 z[y]


  • 函数 之 箭头函数

 




    
    

    
    Document



    
常规测试
新测试

 


  • 函数 之 延展参数

js学习之ES6入门基础篇_第2张图片

延展参数 :可以 呼出函数的时候,如果少传参了的场合,有默认值。

    

js学习之ES6入门基础篇_第3张图片 

运行以后 结果 不太一样 ,我就还不太懂为什么 

那个模板好像还是 不是完全等价!!!!!!

js学习之ES6入门基础篇_第4张图片


  • 函数之扩展运算符

js学习之ES6入门基础篇_第5张图片

运行出来的结果:

js学习之ES6入门基础篇_第6张图片

扩展运算符就是数组~~~




    
    

    
    Document



    

 


啊啊啊啊啊啊啊啊啊啊啊啊 好困~~~ 快结束的地方 可能有错别字什么的啊!!!不过代码都是运行过的~~~

你可能感兴趣的:(JavaScript)