1

I would like to know if the following is possible with ES6.

I have an object "o" with method: 

get(name) { 
}

Which returns some other object depending on the provided name.

I have another function test like this:

function test(o) {

}

I wonder is there any way to destructur the paramaters with calliing get on the object.

For example: This is not working - it's the thing i want to do

// here is what I'm trying to do
function test({db: get('db')}) {

}
// this is working
function test(o) {
  var db = o.get('db');
}

I want "db" varaible to equal "o.get('db')". I can do it in the function body but I wonder if it's possible to make the it direclty in the argument definition.

So far I can use:

let [a, b, c] = [o.get('a'), o.get('b'), o.get('c')];

As first line in the function.

Thanks

Improve this question
4
  • 5
    It's not possible. Destructuring is used to unpack the properties. You cannot call a function like get. Commented Oct 4, 2019 at 8:56
  • 4
    I think you should not want this. Makes the code much more complicated. Commented Oct 4, 2019 at 8:58
  • You can use getters though Commented Oct 4, 2019 at 9:00
  • Are you looking for Function#bind? Commented Oct 4, 2019 at 9:01

1 Answer 1

Reset to default
3

You can use getters instead of the generic get function. This would allow unpacking and also make the rest of the code easier to read:

let SomeObj = {
  get db() {
    return "this is db";
  }
}

function func({db}) {
  console.log('DB', db);
}

func(SomeObj);

If your properties are dynamic, you could do a horrible thing like this:

let SomeObj = {
  get(name) {
    return `this is ${name}`;
  }
}

function func(o, {db = o.get('db'), blah = o.get('blah')} = {}) {
  console.log('DB', db);
  console.log('blah', blah);
}

func(SomeObj);

but a more realistic option would be to have a function that maps get over an array of props:

let SomeObj = {
    get(name) {
        return `this is ${name}`;
    }
}

let extract = (obj, ...props) => props.map(p => obj.get(p));


function func(o) {
    let [db, blah] = extract(o, 'db', 'blah')

    console.log('DB', db);
    console.log('blah', blah);
}

func(SomeObj);

Finally, you can wrap your object in a Proxy to provide a dynamic getter, in which case simple destructuring will work out of the box:

let SomeObj = new Proxy({}, {
    get(obj, name) {
      if(name in obj)
        return obj[name];
      return `this is ${name}`;
    }
});

function func({db, blah}) {
    console.log('DB', db);
    console.log('blah', blah);
}

func(SomeObj);

Improve this answer
Sign up to request clarification or add additional context in comments.

4 Comments

Yes, but I cannot pass arguments because get doesnt alllow parameters. Maybe I will do this as first line in the code: let [a,b] = [o.get('a'), o.get('b'];
@user2693928: so, your get accepts other params beside "name"?
@user2693928 Just let a = o.get('a'), b = o.get('b');. No unnecessary arrays.
@georg, the params are dynamic, I canno set "db", "test", "prop2" as they are set with method "set" dynamically, so i need "name" argument"

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.