본문 바로가기

[ Developer ]/JavaScript25

[JavaScript] 자바스크립트 생성자 함수와 new 연산자 생성자 함수와 new 연산자 자바스크립트 객체를 생성하기 위해 "new" 연산자와 함께 생성자 함수를 호출할 수도 있다. 다음 예제를 보자. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 function User(name){ this.name = name; this.id = 123; this.sayHello = function(){ console.log("Hello, I am " + name); }; }; var user1 = new User("Tom"); var user2 = new User("Jerry"); user1.sayHello(); // Hello, I am Tom user2.sayHello(); // Hello, I am Jerry Colored by Color Script.. 2016. 11. 16.
[JavaScript] 자바스크립트 리터럴 문법 이용한 객체 생성 리터럴 문법 이용한 자바스크립트 객체 생성 리터럴 문법을 이용해 자바스크립트 객체를 생성한 후 해당 객체의 프로퍼티를 지정할 수도 있는데, 객체 리터럴은 객체 초기화자(initializer)라고도 한다. 객체 리터럴은 콜론으로 분리된 키-값의 쌍을 콤마로 분리한 목록으로 구성되며, 이것들은 모두 중괄호로 감싼다. 예를 들어, 다음과 같이 빈 자바스크립트 객체를 생성한다. 1 2 3 4 5 6 7 var object1 = {}; // 빈 객체 생성 object1['name'] = "tom"; // 프로퍼티 추가 console.log(object1['name']); // tom delete object1['name']; // 프로퍼티 삭제 console.log(object1['name']); // undef.. 2016. 11. 15.
[JavaScript] 자바스크립트 Object() 생성자 이용한 객체 생성 객체 자바스크립트 객체는 이름이 지정된 값(키-값의 쌍)의 모음을 나타낸다. 보통 객체의 값을 객체의 프로퍼티(property)라고 한다. 자바스크립트 객체의 프로퍼티에는 함수, 배열, 다른 객체를 비롯해 어떤 타입의 데이터도 담을 수 있다. Object() 생성자를 이용한 자바스크립트 객체 생성 자바스크립트 객체는 Object() 생성자 함수를 호출해 생성할 수 있으며, 객체를 생성하고 나면 점(.) 연산을 이용해 해당 객체에 프로퍼티를 추가하거나 삭제할 수 있다. 다음 예제를 보자. 1 2 3 4 5 6 7 var object1 = new Object(); // 빈 객체 생성 object1.name = "itinpractice.com"; // 프로퍼티 추가 console.log(object1.name.. 2016. 11. 8.
[JavaScript] 자바스크립트 논리형 논리형 (Boolean 불린) 자바스크립트 불린(boolean) 자료형에는 참(true)과 거짓(false)라는 두 개의 값밖에 없다. 보통 불린 값은 비교의 결과에 해당하며 자바스크립트의 제어 구조에 사용된다. 논리형 변환 불린 값이 숫자 연산에 사용되면 참은 숫자 1로, 거짓은 숫자 0으로 변환된다. 다음 예제를 보자. 1 2 3 4 5 6 var boolean1 = true; var boolean2 = false; console.log(0 + boolean1); // 1 console.log(0 + boolean2); // 0 cs 불린 값이 문자열 연산에 사용되면 참은 "true"라는 문자열로, 거짓은 "false"라는 문자열로 변환된다. 다음 예제를 보자. 1 2 3 4 5 6 var boole.. 2016. 10. 31.