1.封装之前的基础


1.默认赋值:预先给函数的参数一个值

  1. <script>
  2. function go(type="get"){
  3. console.log(type)
  4. }
  5. go()
  6. go("post")
  7. </script>

image.png

2.回调函数:就是将函数作为参数传递给另外一个函数

  1. 作用:可以获取函数内部的值
  1. <script>
  2. function http(callback){
  3. var data = {"name":"cheng",age:18};
  4. callback(data)
  5. }
  6. function handleData(res){
  7. console.log(res)
  8. }
  9. http(handleData)
  10. </script>

3.传参简写

  1. <script>
  2. /* es6 如果对象的属性名和定义的变量相同就可以简写 */
  3. var name="cheng";
  4. var age=18;
  5. var obj = {
  6. name,
  7. age,
  8. }
  9. console.log(obj)
  10. </script>

4.箭头函数

  1. <script>
  2. var a = function(x){
  3. console.log(x)
  4. }
  5. var c = x=>{
  6. console.log(x)
  7. }
  8. var b = (x,y)=>{
  9. console.log(x) //两个参数
  10. }
  11. </script>

2.封装http

  1. <script>
  2. var url ="https://douban-api.uieee.com/v2/movie/top250";
  3. function http({type="get",callback,data={}}){
  4. $.ajax({
  5. url,
  6. data,
  7. type,
  8. dataType:"jsonp",
  9. success: function(res) {
  10. callback(res)
  11. }
  12. })
  13. }
  14. </script>