AngularJS服务模型避免重复

Question

只是一个快速的问题，如何在执行http帖子和放置相同形式时避免重复代码。

说：

// Post new form
function postForm(form){
    var data = {
        name: form.name
        lastName: form.lastName
    }
    return api.post('jobs', undefined, JSON.stringify(data), 'application/json');
}
// Put save/edit existing (data)
function putForm(form){
    var data = {
        name: form.name
        lastName: form.lastName
    }
    return api.put('jobs', undefined, JSON.stringify(data), 'application/json');
}

我的尝试，但后来我无法访问函数表单参数。

var data = {
    name: name
    lastName: lastName
}
// Post new form
function postForm(form){
    return api.post('jobs', undefined, JSON.stringify(data), 'application/json');
}
// Put save edit form
function postForm(form){
    return api.put('jobs', undefined, JSON.stringify(data), 'application/json');
}

不确定我在这里是否有意义，但希望有人会明白我想做的事情。 基本上我不想在调用 api post 或 put 时复制 var 数据。

Answer 1

也许使用规范化辅助函数？

// Post new form
function postForm(form){
    return $http.post('api', extractData(form));
}
// Put save/edit existing (data)
function putForm(form){
    return $http.put('api', extractData(form));
}

// private helper    
function extractData(data){
    return JSON.stringify({
        name: data.name,
        lastName: data.lastName
    });
}

当然，如果需要对每个实现进行细微的更改，则可以向规范化器添加一些配置。

Answer 2

你有两个函数实现，两者之间唯一不同的是使用的 http 函数。

在javascript中，函数是第一类对象，所以你可以将http函数作为参数传递。

function send(form, httpMethod) {
   var data = {
     name: form.name
     lastName: form.lastName
   };
   return httpMethod.apply($http, [
     'jobs',
     undefined,
     JSON.stringify(data),
     'application/json'
   ]);
 }
 // Post new form
 function postForm(form) {
   send(form, $http.post);
 }
 // Put save edit form
 function putForm(form) {
   send(form, $http.put);
 }

有必要

通过apply调用该方法，而不是简单地调用httpMethod('api', data);，因为这些方法可能依赖于挂在this指针上的字段。

Answer 3

尚未测试过，但这可能对您有用

function postForm(form, method){
    var data = {
        name: form.name
        lastName: form.lastName
    };
    return $http({
                  url: 'api', 
                  method: method,
                  data: data
                  });
}