Search for a command to run...
As a Senior Principal Engineer at CVSHealth, I specialize in building and optimizing cvs.com to deliver a superior guest experience. Using the latest web technologies, my team and I work diligently to create a user-friendly and intuitive platform that exceeds expectations.
No comments yet. Be the first to comment.
Use the following script to download videos from YouTube using yt-dlp. Incorporating cookies-from-browser can assist in downloading videos that are behind a paywall, provided you have already paid for that content. Please ensure you adhere to the con...
I ran into an issue recently where my autocomplete suggestions on VSCode would only bring up Emmet suggestions and none of the type information would be suggested in autocomplete. After digging through VSCode settings for a bit, figured out that you ...
I recently set up an Nx monorepo with a lot of sensible defaults. My linting config was working perfect in CI. Running ESLint on terminal through Nx would work fine as well but I was not seeing any ESLint issues on my VSCode editor. On digging deeper...
Intro Setting up a NextJS project is exciting, but securing the localhost environment for testing and development can be challenging. To enable a common usecase of accessing cookies from the production domain (e.g., example.com) while working locally...
This will be a running list of things that I found useful while working on enterprise projects. These can be good tips for other projects too but since there are usually a lot of developers working across enterprise codebases, it is a good idea to es...
There are times when you are scratching your head wondering how on earth the value of ‘this’ got changed. For example, if you are within a function called from an object, ‘this’ may point to that object. However, when the function is set as an event listener to a button, ‘this’ will be the button itself.
So how can you ensure that ‘this’ binding remains what you want it to be? Here is the code to do just that.
function bind(fn, obj) {
// fn - Function to be hard binded
// obj - Object to which the function 'fn' has to be binded
return function() {
fn.apply(obj, arguments); // Call site to call the function
};
}
var obj = {
bar: "bar",
foo: function(x) {
console.log(this.bar + ' value: ' + x);
}
};
var obj2 = {
bar: "bar2"
};
foo = bind(obj.foo, obj);
foo(3); // bar value: 3
foo = bind(obj.foo, obj2);
foo(3); // bar2 value: 3
foo.call(obj2); // This too gives 'bar' since foo has been hard binded now. Hence this is no longer the call site.
Thankfully, ES5 onwards, this 'bind' feature is built in to Javascript. Here is the MDN page for that where you can see the polyfill for the implementation as well.
URL : https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/bind