Javascript를 간단하게 배우는 대상

1542 단어
이 부분은 js의 가장 중요한 부분이자 가장 파악하기 어려운 부분이다.최근'스피킹 자바스크립트'(Speaking Javascript)라는 책을 보고 4층으로 나눠 설명하니 효과가 있는 것 같다.
Chapter 17. Objects and Inheritance
There are several layersto object-oriented prgrgramming(OOP) in JavaScript: Layer 1: Oriented programming(OOP) in JavaScrript: Object-orientation with in Objects of Objects(decribed in Layer 2: 원형 체인) Layentation with wirientationationationation with with with torientationationation with th toto to to to to a a a a a a a a a a a a a a a a a a a a a a a a a a a a g,creating new constructors by inheriting from existing ones (covered in Layer 4: 구조 함수 기반 상속)

앞의 3층


나는 여기에서 앞의 3층에 대한 약간의 얕은 견해를 공유하고, 4층은 내가 남겨 두었다가 나중에 다시 토론할 것이다.

1 개별 객체

calc = {
    add: function(x, y){
        return x + y
    }
}

console.log(calc.add(1, 3))

이것은 매우 간단하고 직관적이다.

2 원형 체인


이것은 js가 독립적으로 행동하는 곳이다. ————>
코드의 예는 다음과 같습니다.
calc2 = Object.create(calc)
calc2.sub = function(x, y){
    return x - y
}

console.log(calc2.add(1, 3))
console.log(calc2.sub(1, 3))


create 방법은 원형 체인의 관계를 구축했고calc2는sub방법을 확장하였으며 계승의 의미도 있고 코드도 이해하기 쉽죠.

3 구조 함수


구조 함수 는 많은 책 이 소개하는 방식 으로 좀 복잡하다
function Calc(){

}

Calc.prototype.add = function(x, y){
    return x + y
}

aCalc = new Calc()
console.log(aCalc.add(2, 3))

총결산


4
  • 저는 앞의 두 가지 방식으로 간단하고 직관적인 경향이 있습니다

  • 4
  • 정숙 학습법: 어려운 것은 층을 나누는 방법으로 학습할 수 있다
  • 좋은 웹페이지 즐겨찾기