初步学习使用es6

关于域名

例如百度的域名www.baidu.com中,www是子域名,baidu.com是主域名,注册时只需要注册主域名即可,子域名可以自由编辑

关于es6

es6标准中,当键和值相同时,可以只写一个
例如:

var name="Tom";
var age=23;
var obj ={
"name":"Tom",
"age":23
}

在es6中可以写作

var name="Tom";
var age=23;
var obj ={
      name,
      age
} 

同时,es6中支持对函数进行默认赋值
例如:

        function test({a=10,b,c}){
            /* 解构 */
            console.log(a+b+c);
        }
//当不对a进行赋值时,会调用其默认值10
        test({
            b:20,
            c:30
        })
//当然,在赋默认值的同时仍然可以传值
        test({
            a:30,
            b:20,
            c:30
        })

ajax封装

 var baseUrl = "[图片上传失败...(image-cdd9e4-1542891460890)]

http://mock.eolinker.com/W7AZzAQe1911deea5ab4b01704bbfe0b97948d26eb2d31d?uri=";
//类似于Java中封装方法,避免大量代码重复
        function http({url,type="get",dataType="json",data={},success}){
            $.ajax({
                url:baseUrl+url,
                type,
                dataType,
                data,
                success:function(res){
                    success(res);
                }
            })
        }
        http({
            url:"name",
            success:function(res){
                console.log(res);
            }
        });
        http({
            url:"/classic/latest",
            success(res){
                console.log(res);
            }
        })

还可以将函数封装在js文件中,在需要调用该函数的页面中引入相应的js文件即可
http.js

var baseUrl = "[图片上传失败...(image-8977e-1542891460890)]

http://mock.eolinker.com/W7AZzAQe1911deea5ab4b01704bbfe0b97948d26eb2d31d?uri=";
function http({ url, type = "get", dataType = "json", data = {}, success }) {
    $.ajax({
        url: baseUrl + url,
        type,
        dataType,
        data,
        success: function (res) {
            success(res);
        }
    })
}

调用时在head标签中加入以下两行代码即可直接调用http函数

 
 

    

你可能感兴趣的:(初步学习使用es6)