小程序

Posted 2021-02-01 江博客

前言：es6语法相对严禁，但是会颠覆我们对js的看法，同时resful一种新的uri风格

 

（一） ES6一些我们常用的骚操作

1.声明变量方法 let 与 var的区别
1.作用域的区别
　　var没有作用域明确的区别，如果在一个函数内部使用了函数的外部的值，则值会被修改
　　　　var vartest = ‘test var‘;
　　　　{
　　　　　　var vartest = ‘test 01‘;
　　　　　　作用域内部和外部是同一个变量，内部会修改外部的值
　　　　}

2.let存在明确的作用域

　　　　let vartest = ‘test let‘;
　　　　{
　　　　　　let vartest = ‘let 01‘;
　　　　　　//作用域内部和外部是不同一个变量，所以存在作用域
　　　　}
小结：如果不带声明变量的修饰符号，都是调用全局的变量

2.let不能定义两个相同名字的变量，而var不会出现错误
　　let test = 123;
　　let test =456;  //会报错
　　var testvar = 123;
　　var testvar = 4565;//不会报错会修改值

箭头函数

　　([形参列表]) => {
　　　　函数体和返回值
　　}

1.如果只有一个参数可以写成

　　形参名 =>{ 函数体 }

2.如果函数体只有一条语句

　　形参名 => 函数体 

3.不改变this指针的指向

``  （感叹号左边的符号）

1.可以用这个符号可以格式化输出和PHP中<<<EOF  XXXX  EOF 相似

2.可以解析php中模板变量的相关的变量${}和php中{}相似
　　`${name}`

审明类

class 类名{ 类常量与方法 }

class 类名 extends 类名 { 类常量与方法 }

与php语法类相似

模块功能

模块功能主要由两个命令构成：export 和 import

export命令用于规定模块的对外接口；import命令用于输入其他模块提供的功能；（这种方法导出和导入名字要相同才能正确导出）

注意：如果在html中的script里导入模块，则需要为script标签设置属性type="module"。

default与export的导出与导入

export default{ 导出的参数名  }  //导出
import * as obj from 文件的路径  //导入

 

（二） Resful风格

 

GET/HEAD:         从服务器获取资源(一项或多项)
POST:        在服务器新建一个资源
PUT/PATCH:        在服务器更新资源, 服务器返回完整的属性
DELETE:    从服务器删除资源

例: 
POST /articles         --    创建文章内容
GET  /articles        -- 获取全部
GET /articles/1        --    获取主键id为1的文章
PUT /articles/1        --    修改参数为1的文章
DELETE /articles/1    --    删除参数为1的文章

http://api.local.com/movies----表示电影资源
http://api.local.com/images----表示图片资源
http://api.local.com/musics----表示音乐资源
http://api.local.com/articles----表示文章资源

为了方便开发, 可以在URI中加入版本号
http://api.local.com/api/v1/movies----表示电影资源 get获取多条记录  post 添加
http://api.local.com/soap/v1/images/1 ----表示图片资源  获单条 修改 删除
http://api.local.com/api/v1/musics----表示音乐资源
http://api.local.com/api/v1/articles----表示文章资源