es6 简单语法介绍

 讲课代码

变量提升
模板字符串``,r如果你想插入变量${变量名}   （``这个符号是tab键上面的键位）
箭头函数  =>
对象的单体模式

　　

<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta  charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!--seo 搜索引擎-->
    <title>Title</title>
</head>
<body>
<ul>
    <li>

    </li>
</ul>
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script> #引入jq
    <script type="text/javascript">

        <!--声明变量-->
        {
          let a  = 12;
        }
//        变量提升

//        使用let声明表明我们的块级作用域
//        console.log(a);

//        const 声明的变量 只声明常量 一旦声明 不可改变
        const b = 13;
//        b = 14;
//        console.log(b);


//        2.模板字符串``,r如果你想插入变量${变量名}   （``这个符号是tab键上面的键位）
        var name = "日天",age = 18;
//        var str = name+","+age+"岁了，今晚约对象";

        var str = `${name},${age}岁了，今晚约对象`;
        console.log(str);
        var url = 'https://www.luffycity.com';
        $('ul>li').append(
            ` <a href=${url}></a>`
        )

        // 箭头函数  =>

        function add(x,y) {
            // body...
            console.log(x+y)
        }

        add(2,3)

        // var add2 = function() {
        //     // body...
        // }
        var add2 = (a,b)=>{
            console.log(a-b);
        }
        add2(9,2)


        // 字面量方式声明对象>>>>>>这里面用箭头了

        var person = {
            name:'日天',
            age:18,
            fav:()=> {
                // 使用箭头函数会改变this的执向 指向了父级元素  window
                console.log(this)
            }
        }
        person.fav()

        // 4.对象的单体模式>>>>>>这里没用箭头
        var person2 = {
            name:'ritian',

            fav(){
                console.log(this)
            }
        }

        person2.fav();


    </script>


</body>
</html>

ps：这是es5的哦，到时用es6的话，记得百度下是否大写；

 

posted @ 2018-04-06 20:55  Justin壮志凌云  阅读(110)  评论(0)    收藏  举报