Skip to content
Navigation Menu
Sign in
Products
Platform
GitHub
Repository hosting, code review, and collaboration
Copilot
AI coding agent for tasks, projects and automated work
Build & Ship
Actions
CI/CD and automation
Code Quality
Quality analysis, fixes, and enforcement
Codespaces
Cloud development environments
Secure
Code Security
Vulnerability detection and remediation
Secret Protection
Secret scanning and leak prevention
All Features
Developers
Learn
Documentation
Training
Certifications
Build
Build with Copilot
Customize Copilot
Integrations
Explore
Trending repos
GitHub Sponsors
Events
Changelog
Changelog
Your source for the latest features, improvements, and fixes across GitHub products, all in one place.
Businesses
By Stage
Enterprises
Team
Startups
Nonprofits
By Industry
Healthcare
Financial services
Manufacturing
Government
See all industries
Evaluate GitHub
Why GitHub
Customer Stories
Business insights
Trust Center
Add-ons
GitHub Advanced Security
Enterprise-grade code security
Copilot for business
Enterprise-grade AI features
Premium Support
Enterprise-grade 24/7 support
Resources
Learn & Connect
Documentation
Resource center
Blog
Events & webinars
Community Forum
Customer Stories
Integrations
Support
Customer support
Training
GitHub Status
Company
About
Partners
Changelog
GitHub Universe
GitHub Universe
The event for developers, by developers — talks, workshops, and what’s next for GitHub.
Pricing
Search
/
Sign in
Sign up
Appearance settings
You signed in with another tab or window.
Reload
to refresh your session.
You signed out in another tab or window.
Reload
to refresh your session.
You switched accounts on another tab or window.
Reload
to refresh your session.
Dismiss alert
{{ message }}
devheyrin
JavaScriptOOP
Repository navigation
Code
Issues
Pull requests
Actions
Projects
Security and quality
Insights
More
items
Files
Expand file tree
main
Breadcrumbs
JavaScriptOOP
/
object_function.js
Copy path
Blame
More file actions
Blame
More file actions
Latest commit
History
History
History
27 lines (20 loc) · 901 Bytes
main
Breadcrumbs
JavaScriptOOP
/
object_function.js
Copy path
Top
File metadata and controls
Code
Blame
27 lines (20 loc) · 901 Bytes
Raw
Copy raw file
Download raw file
Open symbols panel
Edit and raw actions
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
// 자바스크립트에서는 함수도 객체이다.
// 따라서 자바스크립트의 모든 함수는 call 이라는 메소드를 가지고 있다.
// call의 인자로 객체를 지정하면 해당 함수의 this 는 인자로 받은 객체를 뜻하게 된다.
let obj1 = {name: 'kim', first: 10, second: 20};
let obj2 = {name: 'lee', first: 20, second: 30};
function sum() {
return this.first + this.second;
}
console.log(sum.call(obj1));
// 함수에 넣어야 하는 인자는 두번째 인자부터 넣을 수 있다.
function avg(prefix1, prefix2) {
return prefix1 + prefix2 + (this.first + this.second) / 2;
}
// avg 함수가 객체를 위해 일하는 용병이 된다.
console.log(avg.call(obj2, "hi", "hello"));
// 새 함수를 만드는 분신술!
let obj2Sum = sum.bind(obj2);
console.log(obj2Sum())
let obj2Avg = avg.bind(obj2);
console.log(obj2Avg('a', 'b'))
You can’t perform that action at this time.