{"id":77778,"date":"2024-09-23T23:19:50","date_gmt":"2024-09-23T19:49:50","guid":{"rendered":"https:\/\/nabfollower.com\/blog\/this-keyword-call-apply-and-bind-methods-in-javascript-simply-explained-3ag2\/"},"modified":"2024-09-23T23:19:50","modified_gmt":"2024-09-23T19:49:50","slug":"this-keyword-call-apply-and-bind-methods-in-javascript-simply-explained-3ag2","status":"publish","type":"post","link":"https:\/\/nabfollower.com\/blog\/this-keyword-call-apply-and-bind-methods-in-javascript-simply-explained-3ag2\/","title":{"rendered":"\u0645\u062a\u062f\u0647\u0627\u06cc 'this' keyword\u060c call()\u060c application() \u0648 bind() \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a – \u0628\u0647 \u0633\u0627\u062f\u06af\u06cc \u062a\u0648\u0636\u06cc\u062d \u062f\u0627\u062f\u0647 \u0634\u062f\u0647 \u0627\u0633\u062a."},"content":{"rendered":"

Summarize this content to 400 words in Persian Lang \u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc call()\u060c apply()\u060c \u0648 bind() \u0631\u0648\u0634\u200c\u0647\u0627 \u0645\u0647\u0645 \u0647\u0633\u062a\u0646\u062f \u0632\u06cc\u0631\u0627 \u0628\u0647 \u0634\u0645\u0627 \u0627\u062c\u0627\u0632\u0647 \u0645\u06cc\u200c\u062f\u0647\u0646\u062f \u062a\u0627 \u0632\u0645\u06cc\u0646\u0647 \u0631\u0627 \u06a9\u0646\u062a\u0631\u0644 \u06a9\u0646\u06cc\u062f this \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u062f\u0631 \u0634\u0631\u0627\u06cc\u0637\u06cc \u06a9\u0647 \u067e\u06cc\u0634 \u0641\u0631\u0636 \u0627\u0633\u062a this \u0631\u0641\u062a\u0627\u0631 \u0622\u0646\u200c\u0637\u0648\u0631 \u06a9\u0647 \u0627\u0646\u062a\u0638\u0627\u0631 \u0645\u06cc\u200c\u0631\u0648\u062f \u06a9\u0627\u0631 \u0646\u0645\u06cc\u200c\u06a9\u0646\u062f\u060c \u0645\u0627\u0646\u0646\u062f \u0632\u0645\u0627\u0646\u06cc \u06a9\u0647 \u0631\u0648\u0634\u200c\u0647\u0627 \u0631\u0627 \u0627\u0632 \u06cc\u06a9 \u0634\u06cc \u0628\u0647 \u0634\u06cc\u0621 \u062f\u06cc\u06af\u0631 \u0648\u0627\u0645 \u0645\u06cc\u200c\u06af\u06cc\u0631\u06cc\u062f \u06cc\u0627 \u0632\u0645\u06cc\u0646\u0647 \u0635\u062d\u06cc\u062d \u0631\u0627 \u062f\u0631 \u062f\u0627\u062e\u0644 callback\u0647\u0627 \u062d\u0641\u0638 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u062f\u060c \u0627\u06cc\u0646 \u0631\u0648\u0634\u200c\u0647\u0627 \u0627\u0646\u0639\u0637\u0627\u0641\u200c\u067e\u0630\u06cc\u0631\u06cc \u0648 \u06a9\u0646\u062a\u0631\u0644 \u0631\u0627 \u0641\u0631\u0627\u0647\u0645 \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f. \u0628\u0627 \u062a\u0633\u0644\u0637 \u0628\u0631 \u0622\u0646\u0647\u0627 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u062a\u0648\u0627\u0628\u0639 \u06a9\u0627\u0631\u0622\u0645\u062f\u062a\u0631\u060c \u0642\u0627\u0628\u0644 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u062c\u062f\u062f \u0648 \u0622\u06af\u0627\u0647 \u0628\u0647 \u0632\u0645\u06cc\u0646\u0647 \u0628\u0646\u0648\u06cc\u0633\u06cc\u062f \u06a9\u0647 \u0628\u0647 \u0648\u06cc\u0698\u0647 \u062f\u0631 \u0628\u0631\u0646\u0627\u0645\u0647 \u0647\u0627\u06cc \u067e\u06cc\u0686\u06cc\u062f\u0647 \u0645\u0641\u06cc\u062f \u0627\u0633\u062a.<\/p>\n

\u0642\u0628\u0644 \u0627\u0632 \u0627\u06cc\u0646\u06a9\u0647 \u0648\u0627\u0631\u062f \u0645\u062a\u062f\u0647\u0627\u06cc call()\u060c application() \u0648 bind() \u0634\u0648\u06cc\u0645\u060c \u0628\u06cc\u0627\u06cc\u06cc\u062f \u06a9\u0644\u0645\u0647 \u06a9\u0644\u06cc\u062f\u06cc “this” \u0648 \u0645\u06a9\u0627\u0646\u06cc\u0633\u0645 \u0622\u0646 \u0631\u0627 \u062f\u0631\u06a9 \u06a9\u0646\u06cc\u0645.<\/p>\n

\u06a9\u0644\u0645\u0647 \u06a9\u0644\u06cc\u062f\u06cc “\u0627\u06cc\u0646”.<\/p>\n

\u0628\u06cc\u0627\u06cc\u06cc\u062f \u0628\u0641\u0647\u0645\u06cc\u0645 \u0686\u0647 \u0632\u0645\u0627\u0646\u06cc \u0648 \u0686\u0647 \u0632\u0645\u0627\u0646\u06cc this \u06a9\u0644\u0645\u0647 \u06a9\u0644\u06cc\u062f\u06cc \u0628\u0627 \u0646\u0642\u0627\u0637 \u06af\u0644\u0648\u0644\u0647 \u0632\u06cc\u0631 \u062f\u0631 \u0627\u06cc\u0646\u062c\u0627 \u0628\u0647 \u0622\u0646 \u0627\u0634\u0627\u0631\u0647 \u0645\u06cc \u06a9\u0646\u062f:<\/p>\n

\u062f\u0631 \u06cc\u06a9 \u0631\u0648\u0634 \u0634\u06cc\u060c this \u0627\u0634\u0627\u0631\u0647 \u0628\u0647 \u0634\u06cc\u0621 \u062f\u0627\u0631\u062f. \u062f\u0631 \u06cc\u06a9 \u0631\u0648\u0634 \u062a\u0639\u0631\u06cc\u0641 \u0634\u062f\u0647 \u062f\u0631 \u06cc\u06a9 \u0634\u06cc\u060c this \u0628\u0647 \u0634\u06cc\u0621 \u0635\u0627\u062d\u0628 \u0645\u062a\u062f \u0627\u0634\u0627\u0631\u0647 \u062e\u0648\u0627\u0647\u062f \u06a9\u0631\u062f.
\n\u062f\u0631 \u06cc\u06a9 \u0639\u0645\u0644\u06a9\u0631\u062f \u0645\u0646\u0638\u0645\u060c this \u0628\u0647 \u0634\u06cc \u062c\u0647\u0627\u0646\u06cc \u0627\u0634\u0627\u0631\u0647 \u062f\u0627\u0631\u062f. \u062f\u0631 \u062d\u0627\u0644\u062a \u063a\u06cc\u0631 \u062f\u0642\u06cc\u0642\u060c \u0627\u06af\u0631 \u062a\u0627\u0628\u0639\u06cc \u062f\u0631 \u0632\u0645\u06cc\u0646\u0647 \u062c\u0647\u0627\u0646\u06cc (\u0646\u0647 \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0631\u0648\u0634 \u06cc\u06a9 \u0634\u06cc) \u0641\u0631\u0627\u062e\u0648\u0627\u0646\u06cc \u0634\u0648\u062f. this \u0628\u0647 \u0634\u06cc \u062c\u0647\u0627\u0646\u06cc \u0627\u0634\u0627\u0631\u0647 \u062f\u0627\u0631\u062f (window \u062f\u0631 \u0645\u0631\u0648\u0631\u06af\u0631\u0647\u0627).
\n\u062f\u0631 \u06cc\u06a9 \u0639\u0645\u0644\u06a9\u0631\u062f \u062d\u0627\u0644\u062a \u0633\u062e\u062a\u060c this \u0627\u0633\u062a undefined. \u0627\u06af\u0631 \u062a\u0627\u0628\u0639 \u0645\u062a\u062f \u06cc\u06a9 \u0634\u06cc \u0646\u0628\u0627\u0634\u062f \u0648 \u0628\u0647 \u06cc\u06a9 \u0632\u0645\u06cc\u0646\u0647 \u062e\u0627\u0635 \u0645\u062d\u062f\u0648\u062f \u0646\u0634\u062f\u0647 \u0628\u0627\u0634\u062f (\u0627\u0632 \u0637\u0631\u06cc\u0642 call\u060c apply\u060c \u06cc\u0627 bind) this \u062e\u0648\u0627\u0647\u062f \u0628\u0648\u062f undefined \u062f\u0631 \u062d\u0627\u0644\u062a \u0633\u062e\u062a<\/p>\n

\u062f\u0631 \u06af\u0631\u062f\u0627\u0646\u0646\u062f\u06af\u0627\u0646 \u0631\u0648\u06cc\u062f\u0627\u062f\u060c this \u0628\u0647 \u0639\u0646\u0635\u0631\u06cc \u0627\u0634\u0627\u0631\u0647 \u062f\u0627\u0631\u062f \u06a9\u0647 \u0631\u0648\u06cc\u062f\u0627\u062f \u0631\u0627 \u062f\u0631\u06cc\u0627\u0641\u062a \u06a9\u0631\u062f\u0647 \u0627\u0633\u062a. \u0647\u0646\u06af\u0627\u0645\u06cc \u06a9\u0647 \u06cc\u06a9 \u0631\u0648\u06cc\u062f\u0627\u062f \u062a\u062d\u0631\u06cc\u06a9 \u0645\u06cc \u0634\u0648\u062f\u060c this \u0628\u0647 \u0639\u0646\u0635\u0631 HTML \u0627\u0634\u0627\u0631\u0647 \u062f\u0627\u0631\u062f \u06a9\u0647 \u0631\u0648\u06cc\u062f\u0627\u062f \u0631\u0627 \u0641\u0631\u0627\u062e\u0648\u0627\u0646\u06cc \u06a9\u0631\u062f\u0647 \u0627\u0633\u062a.<\/p>\n

<button onclick=”this.style.display=’none'”>
\n Click to Remove Me!
\n<\/button><\/p>\n

\u062f\u0631 \u0627\u06cc\u0646 \u0645\u0648\u0631\u062f\u060c this \u0627\u0634\u0627\u0631\u0647 \u0628\u0647 \u062e\u0648\u062f \u0639\u0646\u0635\u0631 \u062f\u06a9\u0645\u0647 \u062f\u0627\u0631\u062f \u06a9\u0647 \u062f\u0631\u06cc\u0627\u0641\u062a \u06a9\u0631\u062f\u0647 \u0627\u0633\u062a onclick \u0631\u0648\u06cc\u062f\u0627\u062f<\/p>\n

\u062f\u0631 \u062a\u0648\u0627\u0628\u0639 \u067e\u06cc\u06a9\u0627\u0646\u060c this \u0645\u062a\u0641\u0627\u0648\u062a \u0631\u0641\u062a\u0627\u0631 \u0645\u06cc \u06a9\u0646\u062f \u062a\u0648\u0627\u0628\u0639 \u067e\u06cc\u06a9\u0627\u0646 \u062e\u0648\u062f \u0631\u0627 \u0646\u062f\u0627\u0631\u0646\u062f this \u0632\u0645\u06cc\u0646\u0647 \u062f\u0631 \u0639\u0648\u0636\u060c this \u062f\u0631 \u0632\u0645\u0627\u0646 \u0627\u06cc\u062c\u0627\u062f \u062a\u0627\u0628\u0639 \u0641\u0644\u0634 \u0627\u0632 \u0646\u0638\u0631 \u0644\u063a\u0648\u06cc \u0627\u0632 \u0645\u062d\u062f\u0648\u062f\u0647 \u0627\u0637\u0631\u0627\u0641 \u0628\u0647 \u0627\u0631\u062b \u0645\u06cc \u0631\u0633\u062f. \u0627\u06cc\u0646 \u06cc\u0639\u0646\u06cc this \u062f\u0631 \u062f\u0627\u062e\u0644 \u06cc\u06a9 \u062a\u0627\u0628\u0639 \u0641\u0644\u0634 \u0628\u0647 this \u0627\u0631\u0632\u0634 \u062a\u0627\u0628\u0639 \u06cc\u0627 \u0632\u0645\u06cc\u0646\u0647 \u0645\u062d\u0635\u0648\u0631 \u0622\u0646.<\/p>\n

const person = {
\n name: “Alice”,
\n greet: function() {
\n setTimeout(() => {
\n console.log(`Hi, I’m ${this.name}`);
\n }, 1000);
\n }
\n};<\/p>\n

person.greet(); \/\/ Output: Hi, I’m Alice<\/p>\n

\u062f\u0631 \u0627\u06cc\u0646 \u0645\u0648\u0631\u062f\u060c \u0639\u0645\u0644\u06a9\u0631\u062f \u0641\u0644\u0634 \u062f\u0631 \u062f\u0627\u062e\u0644 setTimeout \u0627\u0631\u062b \u0645\u06cc \u0628\u0631\u062f this \u0627\u0632 greet \u0631\u0648\u0634\u060c \u06a9\u0647 \u0628\u0647 person \u0634\u06cc<\/p>\n

call() \u0631\u0648\u0634<\/p>\n

\u0631\u0627 call() \u0645\u062a\u062f \u0628\u0647 \u0634\u0645\u0627 \u0627\u0645\u06a9\u0627\u0646 \u0645\u06cc \u062f\u0647\u062f \u06cc\u06a9 \u062a\u0627\u0628\u0639 \u06cc\u0627 \u0645\u062a\u062f \u0631\u0627 \u0627\u0632 \u06cc\u06a9 \u0634\u06cc “\u0642\u0631\u0636 \u0628\u06af\u06cc\u0631\u06cc\u062f” \u0648 \u0628\u0627 \u0627\u0631\u0633\u0627\u0644 \u0634\u06cc \u062f\u06cc\u06af\u0631 \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0627\u0648\u0644\u06cc\u0646 \u0622\u0631\u06af\u0648\u0645\u0627\u0646\u060c \u0622\u0646 \u0631\u0627 \u0628\u0627 \u06cc\u06a9 \u0634\u06cc \u062f\u06cc\u06af\u0631 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f. \u0627\u0648\u0644\u06cc\u0646 \u0627\u0633\u062a\u062f\u0644\u0627\u0644 \u062a\u0628\u062f\u06cc\u0644 \u0645\u06cc \u0634\u0648\u062f this \u0645\u0642\u062f\u0627\u0631 \u062f\u0631 \u062f\u0627\u062e\u0644 \u062a\u0627\u0628\u0639\u060c \u0648 \u0622\u0631\u06af\u0648\u0645\u0627\u0646 \u0647\u0627\u06cc \u0627\u0636\u0627\u0641\u06cc \u067e\u0633 \u0627\u0632 \u0622\u0646.<\/p>\n

\u0631\u0627 call() \u0645\u062a\u062f \u06cc\u06a9 \u062a\u0627\u0628\u0639 \u062c\u062f\u06cc\u062f \u0627\u06cc\u062c\u0627\u062f \u0646\u0645\u06cc \u06a9\u0646\u062f. \u062a\u0627\u0628\u0639 \u0645\u0648\u062c\u0648\u062f \u0631\u0627 \u0628\u0627 \u0632\u0645\u06cc\u0646\u0647 \u0648 \u0622\u0631\u06af\u0648\u0645\u0627\u0646 \u0647\u0627\u06cc \u0627\u0631\u0627\u0626\u0647 \u0634\u062f\u0647 \u0627\u062c\u0631\u0627 \u0645\u06cc \u06a9\u0646\u062f.<\/p>\n

const person = {
\n fullName: function(city, country) {
\n console.log(this.firstName + ” ” + this.lastName + ” is going to ” + city + “, ” + country + “.”);
\n }
\n}<\/p>\n

const person1 = {
\n firstName: “John”,
\n lastName: “Doe”
\n}<\/p>\n

person.fullName.call(person1, “Oslo”, “Norway”);
\n\/\/ Output: John Doe is going to Oslo, Norway.<\/p>\n

\u062f\u0631 \u0627\u06cc\u0646 \u0645\u062b\u0627\u0644\u060c call() \u0628\u0631\u0627\u06cc \u0627\u062c\u0631\u0627\u06cc \u0645\u062a\u062f fullName \u0634\u062e\u0635 \u0628\u0627 \u062f\u0627\u062f\u0647 \u0647\u0627\u06cc person1 (firstName \u0648 lastName) \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u0634\u0648\u062f \u0648 \u0622\u0631\u06af\u0648\u0645\u0627\u0646 \u0647\u0627\u06cc \u0627\u0636\u0627\u0641\u06cc “Oslo” \u0648 “Norway” \u0647\u0633\u062a\u0646\u062f.<\/p>\n

apply() \u0631\u0648\u0634<\/p>\n

\u0631\u0627 apply() \u0631\u0648\u0634 \u0628\u0633\u06cc\u0627\u0631 \u0634\u0628\u06cc\u0647 \u0628\u0647 call() \u0631\u0648\u0634 \u062a\u0641\u0627\u0648\u062a \u0627\u0635\u0644\u06cc \u062f\u0631 \u0646\u062d\u0648\u0647 \u0627\u0631\u0633\u0627\u0644 \u0622\u0631\u06af\u0648\u0645\u0627\u0646 \u0647\u0627 \u0628\u0647 \u062a\u0627\u0628\u0639 \u0627\u0633\u062a. \u0628\u0627 apply()\u060c \u0622\u0631\u06af\u0648\u0645\u0627\u0646 \u0647\u0627 \u0631\u0627 \u0628\u0647 \u062c\u0627\u06cc \u06cc\u06a9 \u0622\u0631\u0627\u06cc\u0647 (\u06cc\u0627 \u06cc\u06a9 \u0634\u06cc \u0622\u0631\u0627\u06cc\u0647 \u0645\u0627\u0646\u0646\u062f) \u0627\u0631\u0633\u0627\u0644 \u0645\u06cc \u06a9\u0646\u06cc\u062f.<\/p>\n

\u0645\u0627\u0646\u0646\u062f call()\u060c apply() \u0645\u062a\u062f \u062a\u0627\u0628\u0639 \u062c\u062f\u06cc\u062f\u06cc \u0627\u06cc\u062c\u0627\u062f \u0646\u0645\u06cc \u06a9\u0646\u062f. \u0628\u0644\u0627\u0641\u0627\u0635\u0644\u0647 \u062a\u0627\u0628\u0639 \u0631\u0627 \u0628\u0627 \u0632\u0645\u06cc\u0646\u0647 \u0627\u0631\u0627\u0626\u0647 \u0634\u062f\u0647 \u0627\u062c\u0631\u0627 \u0645\u06cc \u06a9\u0646\u062f (this \u0627\u0631\u0632\u0634) \u0648 \u0622\u0631\u06af\u0648\u0645\u0627\u0646 \u0647\u0627.<\/p>\n

const person = {
\n fullName: function(city, country) {
\n console.log(this.firstName + ” ” + this.lastName + ” is going to ” + city + “, ” + country + “.”);
\n }
\n}<\/p>\n

const person1 = {
\n firstName: “John”,
\n lastName: “Doe”
\n}<\/p>\n

person.fullName.apply(person1, [“Oslo”, “Norway”]);
\n\/\/ Output: John Doe is going to Oslo, Norway.<\/p>\n

\u062f\u0631 \u0627\u06cc\u0646 \u0645\u062b\u0627\u0644\u060c apply() \u0628\u0631\u0627\u06cc \u0641\u0631\u0627\u062e\u0648\u0627\u0646\u06cc \u0645\u062a\u062f fullName \u0634\u06cc person \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u0634\u0648\u062f\u060c \u0627\u0645\u0627 \u0628\u0627 \u0645\u062a\u0646 (this) person1. \u0622\u0631\u06af\u0648\u0645\u0627\u0646 \u0647\u0627\u06cc “Oslo” \u0648 “Norway” \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u06cc\u06a9 \u0622\u0631\u0627\u06cc\u0647 \u0627\u0631\u0633\u0627\u0644 \u0645\u06cc \u0634\u0648\u0646\u062f.<\/p>\n

bind() \u0631\u0648\u0634<\/p>\n

\u0645\u062a\u062f bind() \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0628\u0647 \u0634\u0645\u0627 \u0627\u0645\u06a9\u0627\u0646 \u0645\u06cc \u062f\u0647\u062f \u06a9\u0647 \u0645\u062a\u0646 (\u0627\u06cc\u0646 \u0645\u0642\u062f\u0627\u0631) \u0631\u0627 \u0628\u0631\u0627\u06cc \u06cc\u06a9 \u062a\u0627\u0628\u0639 \u06cc\u0627 \u0645\u062a\u062f \u062a\u0646\u0638\u06cc\u0645 \u06a9\u0646\u06cc\u062f\u060c \u062f\u0631\u0633\u062a \u0645\u0627\u0646\u0646\u062f call() \u0648 application(). \u0628\u0627 \u0627\u06cc\u0646 \u062d\u0627\u0644\u060c \u0628\u0631 \u062e\u0644\u0627\u0641 call() \u0648 application()\u060c \u0645\u062a\u062f bind() \u0628\u0644\u0627\u0641\u0627\u0635\u0644\u0647 \u062a\u0627\u0628\u0639 \u0631\u0627 \u0641\u0631\u0627\u062e\u0648\u0627\u0646\u06cc \u0646\u0645\u06cc \u06a9\u0646\u062f. \u062f\u0631\u0639\u0648\u0636\u060c \u06cc\u06a9 \u062a\u0627\u0628\u0639 \u062c\u062f\u06cc\u062f \u0631\u0627 \u0628\u0627 \u0645\u0642\u062f\u0627\u0631 \u0627\u06cc\u0646 \u0645\u0642\u062f\u0627\u0631 \u0628\u0647 \u0634\u06cc \u0627\u06cc \u06a9\u0647 \u0634\u0645\u0627 \u0645\u0634\u062e\u0635 \u0645\u06cc \u06a9\u0646\u06cc\u062f\u060c \u0628\u0631\u0645\u06cc \u06af\u0631\u062f\u0627\u0646\u062f.<\/p>\n

const person = {
\n fullName: function(city, country) {
\n console.log(this.firstName + ” ” + this.lastName + ” is going to ” + city + “, ” + country + “.”);
\n }
\n}<\/p>\n

const person1 = {
\n firstName: “John”,
\n lastName: “Doe”
\n}<\/p>\n

const func = person.fullName.bind(person1);
\nfunc(“Oslo”, “Norway”);
\n\/\/ Output: John Doe is going to Oslo, Norway.<\/p>\n

\u062f\u0631 \u0627\u06cc\u0646 \u0645\u062b\u0627\u0644 bind() \u06cc\u06a9 \u062a\u0627\u0628\u0639 \u062a\u0627\u0628\u0639 \u062c\u062f\u06cc\u062f \u0628\u0627 \u0627\u06cc\u0646 \u0645\u0642\u062f\u0627\u0631 \u0631\u0648\u06cc person1 \u0627\u06cc\u062c\u0627\u062f \u0645\u06cc \u06a9\u0646\u062f. \u0627\u06cc\u0646 \u062a\u0627\u0628\u0639 \u0641\u0648\u0631\u0627\u064b \u0641\u0631\u0627\u062e\u0648\u0627\u0646\u06cc \u0646\u0645\u06cc \u0634\u0648\u062f\u060c \u0627\u0645\u0627 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0628\u0639\u062f\u0627\u064b \u0622\u0646 \u0631\u0627 \u0641\u0631\u0627\u062e\u0648\u0627\u0646\u06cc \u06a9\u0646\u06cc\u062f \u0648 \u0622\u0631\u06af\u0648\u0645\u0627\u0646 \u0647\u0627\u06cc “Oslo” \u0648 “Norway” \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f.<\/p>\n

\u0645\u062b\u0627\u0644: Logger \u0645\u062a\u0645\u0631\u06a9\u0632 \u0628\u0627 \u0632\u0645\u06cc\u0646\u0647 \u0647\u0627\u06cc \u0645\u062a\u0639\u062f\u062f<\/p>\n

\u062f\u0631 \u0627\u06cc\u0646\u062c\u0627 \u06cc\u06a9 \u0645\u062b\u0627\u0644 \u06a9\u0627\u0631\u0628\u0631\u062f\u06cc \u06a9\u0648\u0686\u06a9 \u0627\u0645\u0627 \u067e\u06cc\u0686\u06cc\u062f\u0647 \u062f\u0631 \u0647\u0646\u06af\u0627\u0645 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0622\u0648\u0631\u062f\u0647 \u0634\u062f\u0647 \u0627\u0633\u062a call()\u060c apply()\u060c \u06cc\u0627 bind() \u06a9\u0627\u0631\u0627\u06cc\u06cc \u0631\u0627 \u0628\u0647 \u0627\u0631\u0645\u063a\u0627\u0646 \u0645\u06cc \u0622\u0648\u0631\u062f – \u0628\u0647 \u0648\u06cc\u0698\u0647 \u062f\u0631 \u062d\u0645\u0644 \u0648 \u0646\u0642\u0644 \u06a9\u0627\u0631\u0628\u0631\u062f \u062c\u0632\u0626\u06cc \u0627\u0632 \u062a\u0648\u0627\u0628\u0639 \u0628\u0631\u0627\u06cc \u0627\u0647\u062f\u0627\u0641 \u0648\u0631\u0648\u062f \u0628\u0647 \u0633\u06cc\u0633\u062a\u0645:<\/p>\n

\u0641\u0631\u0636 \u06a9\u0646\u06cc\u062f \u0634\u0645\u0627 \u06cc\u06a9 \u062a\u0627\u0628\u0639 \u062b\u0628\u062a \u0645\u0631\u06a9\u0632\u06cc \u062f\u0627\u0631\u06cc\u062f \u06a9\u0647 \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0645\u0631\u0628\u0648\u0637 \u0628\u0647 \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0645\u062e\u062a\u0644\u0641 \u0631\u0627 \u062f\u0631 \u062d\u0627\u0644 \u0627\u0646\u062c\u0627\u0645 \u0627\u0642\u062f\u0627\u0645\u0627\u062a \u062b\u0628\u062a \u0645\u06cc \u06a9\u0646\u062f. \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 bind() \u0628\u0647 \u0634\u0645\u0627 \u0627\u062c\u0627\u0632\u0647 \u0645\u06cc \u062f\u0647\u062f \u062a\u0627 \u062a\u0646\u0638\u06cc\u0645 \u06a9\u0646\u06cc\u062f this \u0632\u0645\u06cc\u0646\u0647 \u0628\u0631\u0627\u06cc \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0645\u062e\u062a\u0644\u0641 \u0628\u0647 \u0637\u0648\u0631 \u0645\u0648\u062b\u0631\u060c \u0627\u062c\u062a\u0646\u0627\u0628 \u0627\u0632 \u06a9\u062f\u0647\u0627\u06cc \u062a\u06a9\u0631\u0627\u0631\u06cc.<\/p>\n

const logger = {
\n logAction: function(action) {
\n console.log(`${this.name} (ID: ${this.id}) performed: ${action}`);
\n }
\n};<\/p>\n

const user1 = { name: “Alice”, id: 101 };
\nconst user2 = { name: “Bob”, id: 202 };<\/p>\n

\/\/ Create new logger functions for different users
\nconst logForUser1 = logger.logAction.bind(user1);
\nconst logForUser2 = logger.logAction.bind(user2);<\/p>\n

\/\/ Perform actions without manually passing user context
\nlogForUser1(“login”);
\n\/\/ Output: Alice (ID: 101) performed: login<\/p>\n

logForUser2(“purchase”);
\n\/\/ Output: Bob (ID: 202) performed: purchase<\/p>\n

\u0686\u0631\u0627 \u06a9\u0627\u0631\u0622\u0645\u062f \u0627\u0633\u062a:<\/p>\n

\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u062c\u062f\u062f \u0627\u0632 \u0632\u0645\u06cc\u0646\u0647: \u0644\u0627\u0632\u0645 \u0646\u06cc\u0633\u062a \u0647\u0631 \u0628\u0627\u0631 \u06a9\u0647 \u0627\u0642\u062f\u0627\u0645\u06cc \u0631\u0627 \u062b\u0628\u062a \u0645\u06cc \u06a9\u0646\u06cc\u062f\u060c \u0645\u062a\u0646 \u06a9\u0627\u0631\u0628\u0631 \u0631\u0627 \u0628\u0647 \u0635\u0648\u0631\u062a \u062f\u0633\u062a\u06cc \u0627\u0631\u0633\u0627\u0644 \u06a9\u0646\u06cc\u062f. \u0632\u0645\u06cc\u0646\u0647 (this) \u06cc\u06a9 \u0628\u0627\u0631 \u0635\u062d\u0627\u0641\u06cc \u0645\u06cc \u0634\u0648\u062f \u0648 \u0644\u0627\u06af \u0642\u0627\u0628\u0644 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u062c\u062f\u062f \u0648 \u062a\u0645\u06cc\u0632 \u0645\u06cc \u0634\u0648\u062f.<\/p>\n

\u0645\u062f\u0648\u0644\u0627\u0631\u06cc\u062a: \u0627\u06af\u0631 \u0646\u06cc\u0627\u0632 \u0628\u0647 \u0627\u0641\u0632\u0648\u062f\u0646 \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u06cc\u0627 \u0627\u0642\u062f\u0627\u0645\u0627\u062a \u0628\u06cc\u0634\u062a\u0631\u06cc \u062f\u0627\u0631\u06cc\u062f\u060c \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0628\u0647 \u0633\u0631\u0639\u062a \u0622\u0646\u0647\u0627 \u0631\u0627 \u0628\u0647 \u0622\u0646 \u0645\u062a\u0635\u0644 \u06a9\u0646\u06cc\u062f logger \u0628\u062f\u0648\u0646 \u062a\u063a\u06cc\u06cc\u0631 \u062e\u0648\u062f \u0639\u0645\u0644\u06a9\u0631\u062f\u060c \u06a9\u062f \u062e\u0648\u062f \u0631\u0627 \u062e\u0634\u06a9 \u0646\u06af\u0647 \u062f\u0627\u0631\u06cc\u062f (\u062e\u0648\u062f\u062a\u0627\u0646 \u0631\u0627 \u062a\u06a9\u0631\u0627\u0631 \u0646\u06a9\u0646\u06cc\u062f).<\/p>\n

\u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc call()<\/code>\u060c apply()<\/code>\u060c \u0648 bind()<\/code> \u0631\u0648\u0634\u200c\u0647\u0627 \u0645\u0647\u0645 \u0647\u0633\u062a\u0646\u062f \u0632\u06cc\u0631\u0627 \u0628\u0647 \u0634\u0645\u0627 \u0627\u062c\u0627\u0632\u0647 \u0645\u06cc\u200c\u062f\u0647\u0646\u062f \u062a\u0627 \u0632\u0645\u06cc\u0646\u0647 \u0631\u0627 \u06a9\u0646\u062a\u0631\u0644 \u06a9\u0646\u06cc\u062f this<\/code> \u062f\u0631 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u062f\u0631 \u0634\u0631\u0627\u06cc\u0637\u06cc \u06a9\u0647 \u067e\u06cc\u0634 \u0641\u0631\u0636 \u0627\u0633\u062a this<\/code> \u0631\u0641\u062a\u0627\u0631 \u0622\u0646\u200c\u0637\u0648\u0631 \u06a9\u0647 \u0627\u0646\u062a\u0638\u0627\u0631 \u0645\u06cc\u200c\u0631\u0648\u062f \u06a9\u0627\u0631 \u0646\u0645\u06cc\u200c\u06a9\u0646\u062f\u060c \u0645\u0627\u0646\u0646\u062f \u0632\u0645\u0627\u0646\u06cc \u06a9\u0647 \u0631\u0648\u0634\u200c\u0647\u0627 \u0631\u0627 \u0627\u0632 \u06cc\u06a9 \u0634\u06cc \u0628\u0647 \u0634\u06cc\u0621 \u062f\u06cc\u06af\u0631 \u0648\u0627\u0645 \u0645\u06cc\u200c\u06af\u06cc\u0631\u06cc\u062f \u06cc\u0627 \u0632\u0645\u06cc\u0646\u0647 \u0635\u062d\u06cc\u062d \u0631\u0627 \u062f\u0631 \u062f\u0627\u062e\u0644 callback\u0647\u0627 \u062d\u0641\u0638 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u062f\u060c \u0627\u06cc\u0646 \u0631\u0648\u0634\u200c\u0647\u0627 \u0627\u0646\u0639\u0637\u0627\u0641\u200c\u067e\u0630\u06cc\u0631\u06cc \u0648 \u06a9\u0646\u062a\u0631\u0644 \u0631\u0627 \u0641\u0631\u0627\u0647\u0645 \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f. \u0628\u0627 \u062a\u0633\u0644\u0637 \u0628\u0631 \u0622\u0646\u0647\u0627 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u062a\u0648\u0627\u0628\u0639 \u06a9\u0627\u0631\u0622\u0645\u062f\u062a\u0631\u060c \u0642\u0627\u0628\u0644 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u062c\u062f\u062f \u0648 \u0622\u06af\u0627\u0647 \u0628\u0647 \u0632\u0645\u06cc\u0646\u0647 \u0628\u0646\u0648\u06cc\u0633\u06cc\u062f \u06a9\u0647 \u0628\u0647 \u0648\u06cc\u0698\u0647 \u062f\u0631 \u0628\u0631\u0646\u0627\u0645\u0647 \u0647\u0627\u06cc \u067e\u06cc\u0686\u06cc\u062f\u0647 \u0645\u0641\u06cc\u062f \u0627\u0633\u062a.<\/p>\n

\u0642\u0628\u0644 \u0627\u0632 \u0627\u06cc\u0646\u06a9\u0647 \u0648\u0627\u0631\u062f \u0645\u062a\u062f\u0647\u0627\u06cc call()\u060c application() \u0648 bind() \u0634\u0648\u06cc\u0645\u060c \u0628\u06cc\u0627\u06cc\u06cc\u062f \u06a9\u0644\u0645\u0647 \u06a9\u0644\u06cc\u062f\u06cc “this” \u0648 \u0645\u06a9\u0627\u0646\u06cc\u0633\u0645 \u0622\u0646 \u0631\u0627 \u062f\u0631\u06a9 \u06a9\u0646\u06cc\u0645.<\/p>\n

\n
\n

\u0641\u0647\u0631\u0633\u062a \u0645\u0637\u0627\u0644\u0628<\/p>\nToggle<\/span><\/path><\/svg><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n