JavaScript - The Definitive Guide 6/E(자바스크립트 완벽 가이드) : 4

해당 글은 'JavaScript - The Definitive Guide 6/E(자바스크립트 완벽가이드)' 라는 책을 읽으며

나름의 정리를 하는 글입니다.

 

 

 

 

 

2019-10-30

* 이전 내용에 이어서 진행.

  아래에 나오는 코드 및 설명들은

  이 후 책에서 나오는 예제나 설명들이 어떻게 나오고

  대략적으로 배워야 할 것에 대한 설명이 있음

 

  함수는 이름과 매개변수를 가진 자바스크립트 코드 블록으로, 일단 한번 정의되면 여러번 호출 할 수 있음

  아래는 간단한 함수에 대한 예제

var x = 2;
var y = 3;

// 함수 이름은 'plus1', 매개변수는 'x'
// return 매개변수 'x'에 '1'을 더해서 반환
// 함수는 '중괄호({})'로 쌓여져 있음
function plus1(x) {
    return x + 1;
}

plus1(y) // => 4 : plus1 함수를 통해 기존 y값 3에 1을 더하여 반환 받음

// square 라는 변수에 함수를 값으로 할당
// 변수에 할당되는 함수는 '세미콜론(;)'으로 끝나야 함
var square = function(x) {
    return x * x;
};

square(plus1(y)) // => 16 : 하나의 표현식에서 함수 호출을 두번 사용 함

 

  함수를 객체의 프로퍼티로 사용 할 수 있음

  이 때 프로퍼티로 할당 된 함수를 메서드라고 함

var a = []; // 빈 배열 만듬
a.push(1, 2, 3); // push() 메서드는 배열에 원소를 하나 이상 추가 함
a.reverse(); // reverse() 메서드는 배열이 가진 원소의 순서를 역순으로 바꿈

// 기존에 정의된 메서드 외에 임의로 메서드를 정의할 수도 있음
// 'this' 키워드는 메서드가 정의된 객체 자신을 가리킴
points.dist = function() {

    var p1 = this[0];
    var p2 = this[1];
    var a = p2.x - p1.x;
    var b = p2.y - p1.y;
    
    return Math.sqrt(a * a + b * b)
    
};
points.dist() // => 1.414