zoukankan      html  css  js  c++  java
  • ES6

    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()

    
    
  • 相关阅读:
    数据结构与算法10 微服务接口的鉴权和限流 [MD]
    .Net开发环境配置[OS/IIS/VS...]
    一、单件模式
    正则表达式调试器1.1
    C#2.0新特性系列文章转载
    巧用VS2005解决VS2005网站发布不便问题
    配置VS2005,加速VS2005运行速度
    转载:ASP.NET运行机制 和 图片盗链问题
    ASP.NET页面提前处理问题
    关于NTLM认证的python和.NET实现
  • 原文地址:https://www.cnblogs.com/zhaosijia/p/9833229.html
Copyright © 2011-2022 走看看