码迷,mamicode.com
首页 > 其他好文 > 详细

ES6 语法

时间:2018-11-28 12:10:31      阅读:254      评论:0      收藏:0      [点我收藏+]

标签:http   info   class   com   out   div   优先   log   i++   

 

let/const/var

const定义的变量,是不能够重新赋值的。所以这个是使用优先级最高的个语法,它能极大保障数据的安全性。

let跟const是一样的,只不过它可以重新被赋值。

let跟const是块级作用域,但是var是函数级作用域。

技术分享图片
{
            var x=33;
            let y=44;
            console.log("y:",y)
        }
        console.log(x);
        
        //console.log(y);
        
        function  ss(){
            console.log("AS",a);
            if(true){
                var a=13;
            }
            console.log(a);
        }
        ss();
View Code

技术分享图片

技术分享图片
// 1. 异步任务
    // 2. 闭包,词法作用域
    // 3. var/let 区别    
    
    // 10 个 10
    for(var i=0;i<10;i++){
        setTimeout(function(){
            console.log(i);
        },0)
    }
    
    // 0....9
    for(let i=0;i<10;i++){
        setTimeout(function(){
            console.log(i);
        },0)
    }
View Code

技术分享图片

 字符串模板

技术分享图片
字符串的写法,现在有三种:
 const aaa = ‘hello,world‘
 const bbb = "hello,world"

 const ccc = `hello,${aaa}`
 const ddd = `
    hello, ${ccc.length}
`
模板字符串,可以嵌入变量,使用 ${} 占位符。

可以换行。
View Code

技术分享图片

箭头函数

技术分享图片
短而易用。

在箭头函数内部,没有自己的 this 指针,它使用的 this 是来自父元素的。
var id = 666;

var ooo = {
    id: 3333,
    xxx: () => {
        console.log(‘id:‘, this.id); // 666
    console.log(‘id:‘, id); // 666

    }
}
ooo.xxx();
View Code

 

技术分享图片

 

ES6 语法

标签:http   info   class   com   out   div   优先   log   i++   

原文地址:https://www.cnblogs.com/weibanggang/p/10006209.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!