rabbit97 님의 블로그
14일 본문
어렵다.... 마지막 숙제 부분에서 이해가 안가가지고 결국 동영상 보고 따라하기
실행 컨텍스트 ve, le, thisbinding, 호이스팅, 스코프
this의 설명 thisbinding
명시적 thisbinding - call, aplly, bind, 화살표 함수
이렇게 3주차가 끝이 났는데 요약하면 코드가 자바스크립트에서 어떻게 구성이 되어있는지 구조적으로 이해 할 수 있는 강의 였다.
사실 공부가 더 필요하다... 일단 진도를 나가고 필요할때마다 꺼내쓰는 방식으로 사용해야겠다.
숙제!!!
var user = {
name: "john",
age: 20,
};
var getAged = function (user, passedTime) {
var newUser = {};
for (var a in user) {
newUser[a] = user[a];
} // 여기까지 newUser 객체 복사 성공
newUser.age += passedTime;
return newUser;
};
var agedUser = getAged(user, 6); // 함수의 목적 - 위의 user 와 비교
var agedUserMustBeDifferentFromUser = function (user1, user2) {
if (!user2) {
console.log("Failed! user2 doesn't exist!");
} else if (user1 !== user2) {
console.log(
"Passed! If you become older, you will be different from you in the past!"
);
} else {
console.log("Failed! User same with past one");
}
};
agedUserMustBeDifferentFromUser(user, agedUser); // 비교 후 결과 출력
var fullname = "Ciryl Gane";
var fighter = {
fullname: "John Jones",
opponent: {
fullname: "Francis Ngannou", // gerFullname
getFullname: function () {
// 1. 객체 this 바인딩 : 프란시스 은가누
return this.fullname;
},
},
getName: function () {
// 2. 객체 this 바인딩 : 존 존스
return this.fullname;
},
getFirstName: () => {
// 3. 함수 this 바인딩 : 시릴
return this.fullname.split(" ")[0];
},
getLastName: (function () {
// 4. 함수 this 바인딩 : 가네
return this.fullname.split(" ")[1];
})(),
};
console.log("Not", fighter.opponent.getFullname(), "VS", fighter.getName());
console.log(
"It is",
fighter.getName(),
"VS",
fighter.getFirstName(),
fighter.getLastName
);
('Not', fighter.opponent.getFullname(), 'VS', fighter.getName()); console.log('It is', fighter.getName(), 'VS', fighter.getFirstName(), fighter.getLastName);
3주차 숙제도 마찬가지로 이 코드가 어떻게 구성이 되어 있는지 해석하고 이해하는 것이 목표!
결국 정답 동영상을 보고 답안을 냈지만 다음엔 한번에 이해하리라...
4주차 시작!! 은 했지만 시간이 늦었으니 새벽동안 공부좀 더 하고 내일은 공휴일이니 늦잠 잔 다음에 강의 좀만 더 듣다가 내일 15일 일지로 올려야겠다~
--------------------------------------------------------------------------------------------------------------------
오늘의 학습 요약
자바스크립트 구조와 관련해서 많은 지식을 얻었다. 아직 완벽하다까진 아니여서 나중에 따로 공부를 해야하지만 갈 길이 멀기에 4주차부터 공부를 해야겠다. 내용이 좀 빡세서 학구열이 넘쳐 흐르는 날이였다.
'개발 일지' Related Articles
more
