ES6常用语法

ES6

ECMAScript 6.0 (以下简称ES6）使得JavaScript语言可以用来编写复杂的大型应用程序,成为企业级开发语言。

let&const

#const常量,声明后不可修改
const a=3；

//var声明的变量往往会越域 
//let声明的变量有严格的局部作用域

   
 //var可以声明多次,let只可以声明一次
    
 //var可以变量提升
 //let不会变量提升
    console.log(a) 
    var a=1
    
    console.log(b) 
    let b=2

ES6新特性-函数优化

map reduce

ES6常见的数组遍历方法(6种)

ES6常见的数组遍历方法(6种)

promise异步编排

function myAjax(url){
       return new Promise((resolve, reject) => {
            // 1. 请求用户名是否存在
            $.ajax({
                url,
                success(result) {
                    resolve(result);
                },
                error(err) {
                    reject(err);
                }
            })
        })
    }

    // 验证用户名不存在
    myAjax("http://localhost:8811/user/existUsername")
    .then(result=>{
        if (result.data) {
           alert('用户名不存在！');
           return myAjax("http://localhost:8811/user/existPhone")
        }
        else
        {
            alert(result.message)
        }
    })
    // 验证手机号是否存在
    .then(result=>{
        if (result.data) {
           alert('手机号不存在！');
           return myAjax("http://localhost:8811/user/registryUser")
        }
        else
        {
            alert(result.message)
        }
    })
    // 注册成功
    .then(result=>{
        if (result.data) { 
            alert(result.message)
        }
    })
    .catch(err => {
              alert('服务器异常')
     });

模块化

相当于java的import包

导出

import request from '@/utils/request'

// 查询的基本信息列表
export function listxxinfo(query) {
  return request({
    url: '/customer/xx/list',
    method: 'get',
    params: query
  })
}

//方式2
export {listxxinfo}




// 查询的基本信息列表
export default {
  return request({
    url: '/customer/xx/list',
    method: 'get',
    params: query
  })
}
import defaultxxx from "@/api/customer/xxinfo";

导入