Shulou(Shulou.com)06/01 Report--

Today, I would like to share with you the relevant knowledge points about binding instance analysis in the JavaScript object method. The content is detailed and the logic is clear. I believe most people still know too much about this knowledge, so share this article for your reference. I hope you can get something after reading this article.

Binding in object method

In the following example, this is the person object and the person object is the owner of the function:

Case study

Var person = {

FirstName: "John"

LastName: "Doe"

Id: 5566

MyFunction: function () {

Return this

}

}

Case study

Var person = {

FirstName: "John"

LastName: "Doe"

Id: 5566

FullName: function () {

Return this.firstName + "" + this.lastName

}

}

Description: this.firstName represents the firstName property of the this (person) object.

Explicit function binding

In JavaScript, functions are also objects, objects have methods, and apply and call are the methods of function objects. These two methods are so powerful that they allow you to switch the context in which the function executes (context), that is, objects bound by this.

In the following example, when we call the person1.fullName method with person2 as a parameter, this points to person2, even if it is a method of person1:

Case study

Var person1 = {

FullName: function () {

Return this.firstName + "" + this.lastName

}

}

Var person2 = {

FirstName: "John"

LastName: "Doe"

}

Person1.fullName.call (person2); / / returns "John Doe"

These are all the contents of the article "binding instance Analysis in JavaScript object methods". Thank you for reading! I believe you will gain a lot after reading this article. The editor will update different knowledge for you every day. If you want to learn more knowledge, please pay attention to the industry information channel.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.