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

ES6

时间:2018-10-22 22:20:06      阅读:194      评论:0      收藏:0      [点我收藏+]

标签:上下   执行   back   abc   cti   img   ntb   不用   OLE   

1、变量提升 

  -- var 定义普通变量,有变量提升
  -- let 块级作用域 {} 无变量提升
  -- const 常量 不可修改

2、模板字符串

  -- 反引号``
  -- 变量 ${}
  首先,获取模板中的document,然后利用其innerHTML方法将``中标签中字符串拼接到
  模板中,同时利用${}还可将将变量嵌入字符串

      

技术分享图片
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h1>hahahha</h1>
<div id="test">

</div>
<script>
    let el = document.getElementById(test);//获取dom
    console.log(el);
    var n2 = 四家;
    const n3 = 思佳;
    let name1 = sijia;
    el.innerHTML =`
    <ul>
        <li>小强</li>
        <li>mame2</li>
        <li>小红</li>
        <li>${name1}</li>
        <li>${n2}</li>
        <li>${n3}</li>
    </ul>
    `
    //利用innerHTML方法将``中标签中字符串拼接到模板test中
    //同时利用${}还可将将变量嵌入字符串


</script>
</body>
</html>
模板字符串实例

 

3、箭头函数

  箭头函数是js中函数的简便写法,类似于Python中的匿名函数,lambda

  --不用function 关键字来创建函数

  --不用return关键字返回

  --继承当前上下文的this关键字

  例如:

技术分享图片
//箭头函数
x => x + 1

//正常普通函数
function test(x) {
    return x = x + 1
    }

//上面两个函数等价
箭头函数

4、this

  普通函数的this取决于最近的调用者

  箭头函数的this取决于函数上下文

 

5、类

  -- class定义类
  -- extends 继承
  -- constructor 构造方法
  -- 子类想要有this 在构造方法里执行super()

 

 

ES6

标签:上下   执行   back   abc   cti   img   ntb   不用   OLE   

原文地址:https://www.cnblogs.com/zhaosijia/p/9833229.html

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