JavaScript get function is used to access the properties of an object using dot notation or square brackets. It allows you to retrieve the value associated with a particular property key and the get function is often used when working with objects that implement JavaScript’s getter function.
The get syntax mainly binds an object property to a function.
Syntax:{ get prop() { /* … */ } } { get [expression]() { /* … */ } } Parameters:- prop: Property name to which we bind the given function.
- expression: We can also use the expression in place of the property name to bind the given function.
Return Value: The get function() returns the value associated with the specified propertyName in the objectName . If the property does not exist. It will return undefined .
Define Getter on New Objects in Object InitializersDefine a getter function directly in an object initializer using get keyword followed by property name.
Example: In this example, we will create pseudo-property GFG() which will return
JavaScript
const obj = {
arr: ["Geeks", "Geeksforgeeks"],
get GFG() {
if (this.arr.length === 0) return undefined;
return this.arr[this.arr.length - 1];
}
};
console.log(obj.GFG);
Using Getters in ClassesYou can define getters within the classes to access computed properties or provide encapsulated access to private variables.
Example:
JavaScript
class GFG {
constructor() {
this._count = 1;
}
get count() {
return this._count;
}
}
const obj = new GFG();
console.log(obj.count);
Deleting a Getter using the delete OperatorYou can remove a getter from an object using delete operator.
Example:
JavaScript
const obj = {
get GFG() {
return "This is a getter Function";
}
};
console.log(obj.GFG);
delete obj.GFG;
console.log(obj.GFG);
OutputThis is a getter Function
undefined
Defining a Getter on Existing Objects using defineProperty You can add a getter to an existing object using the Object.defineProperty .
Example:
JavaScript
const obj = {};
Object.defineProperty(obj, "GFG", {
get: function () {
return "Dynamic getter";
}
});
console.log(obj.GFG);
Using a Computed Property NameYou can define a getter with a computed property name allowing dynamic property access.
Example:
JavaScript
const prop = "GFG";
const obj = {
get [prop]() {
return "This is computed property name ";
}
};
console.log(obj.GFG);
OutputThis is computed property name
Defining Static GetterStatic getters are associated with the class rather than instances and can be accessed directly on the class.
Example:
JavaScript
class GFG {
static get Property() {
return "This is a static getter";
}
}
console.log(GFG.Property);
OutputThis is a static getter
|