Latest web development tutorials
×

JavaScript 코스

JavaScript 코스 JavaScript 간략한 소개 JavaScript 용법 JavaScript 수출 JavaScript 문법 JavaScript 문 JavaScript 주의 JavaScript 변수 JavaScript 데이터 유형 JavaScript 사물 JavaScript 기능 JavaScript 범위 JavaScript 행사 JavaScript 현 JavaScript 운영자 JavaScript 비교 JavaScript If...Else JavaScript switch JavaScript for JavaScript while JavaScript Break & Continue JavaScript typeof JavaScript 형식 변환 JavaScript 정규 표현식 JavaScript 오류 JavaScript 디버깅 JavaScript 변수 리프트 JavaScript 엄격 모드 JavaScript 부적절한 사용 JavaScript 폼 인증 JavaScript 예약 키워드 JavaScript JSON JavaScript void JavaScript 코드 사양

JS 기능

JavaScript 함수 정의 JavaScript 함수 인수 JavaScript 함수 호출 JavaScript 클로저

JS HTML DOM

DOM 간략한 소개 DOM HTML DOM CSS DOM 행사 DOM EventListener DOM 요소

JS 고급 자습서

JavaScript 사물 JavaScript Number JavaScript String JavaScript Date JavaScript Array JavaScript Boolean JavaScript Math JavaScript RegExp 사물

JS 브라우저 BOM

JavaScript Window JavaScript Window Screen JavaScript Window Location JavaScript Window History JavaScript Navigator JavaScript 대중적인 JavaScript 시간 제한 이벤트 JavaScript Cookies

JS 창고

JavaScript 창고 JavaScript 테스트 jQuery JavaScript 테스트 Prototype

JS 예

JavaScript 예 JavaScript 객체 인스턴스 JavaScript 브라우저 객체 인스턴스 JavaScript HTML DOM 예 JavaScript 개요

JS 참조 설명서

JavaScript 사물 HTML DOM 사물

자바 스크립트 객체

모든 것은 자바 스크립트 객체 : 문자열, 숫자, 배열, 기능 ...

또한, 자바 스크립트는 사용자 정의 개체 수 있습니다.


모든 것은 객체이다

자바 스크립트는 등등 문자열, 날짜, 배열, 그리고 여러 내장 개체를 제공합니다. 만 특수 데이터 유형의 개체 속성 및 방법.

  • 부울 객체가 될 수 있습니다.
  • 숫자 유형의 객체가 될 수 있습니다.
  • 문자열은 객체가 될 수
  • 날짜 객체입니다
  • 수학 정규 표현식은 객체
  • 배열은 객체입니다
  • 심지어 개체 기능 할 수있다

자바 스크립트 객체

개체의 데이터를 그냥 특별한 종류이다. 객체는 속성과 메서드가 있습니다.


속성 액세스 개체

속성은 객체와 관련된 값이다.

액세스 개체 속성 구문은 다음과 같습니다

objectName.propertyName

이 예에서는 문자열의 길이를 얻을 수있는 String 객체의 길이 속성을 사용 :

var message="Hello World!";
var x=message.length;

상기 코드가 실행 된 후, x의 값이됩니다

12


액세스 방법 개체

이 방법은 개체에 대해 수행 될 수있는 동작이다.

다음 구문을 사용하는 방법을 호출 할 수있다 :

objectName.methodName()

이 예는 대문자로 텍스트를 변환 할를 toUpperCase String 객체 () 메서드를 사용하여

var message="Hello world!";
var x=message.toUpperCase();

상기 코드가 실행 된 후, x의 값이됩니다

HELLO WORLD!


자바 스크립트 객체를 생성

자바 스크립트를 통해, 당신은 정의하고 자신의 개체를 만들 수 있습니다.

두 가지 방법으로 새 ​​개체를 만듭니다

  • 정의와 오브젝트의 인스턴스를 작성
  • 객체를 정의하는 함수를 사용하고 새 개체 인스턴스를 생성

직접 인스턴스를 생성

이 예는 개체의 새 인스턴스를 만들고 네 가지 속성을 추가합니다 :

person=new Object();
person.firstname="John";
person.lastname="Doe";
person.age=50;
person.eyecolor="blue";

»시도

(객체 리터럴을 사용)의 대체 문법 :

person={firstname:"John",lastname:"Doe",age:50,eyecolor:"blue"};

»시도


객체 생성자를 사용하여

이 예제는 객체를 생성 할 수있는 기능을 사용합니다 :

function person(firstname,lastname,age,eyecolor)
{
this.firstname=firstname;
this.lastname=lastname;
this.age=age;
this.eyecolor=eyecolor;
}

»시도

자바 스크립트에서는, 이것은 보통 우리 자체를 실행되거나 기능을 가리키는 오브젝트 (런타임)에 속한다는 것을 가리키는 함수


자바 스크립트 객체 인스턴스 만들기

당신은 객체 생성자가되면이 같은 객체의 새로운 인스턴스를 생성 할 수 있습니다 :

var myFather=new person("John","Doe",50,"blue");
var myMother=new person("Sally","Rally",48,"green");


자바 스크립트 객체에 속성

당신은 객체를 할당 기존 개체에 새 속성을 추가 할 수 있습니다 :

가정 personObj이 이미 존재합니다 - 당신이이 새로운 속성 추가 할 수있는 : 이름, 성, 나이, eyecolor를 :

person.firstname="John";
person.lastname="Doe";
person.age=30;
person.eyecolor="blue";

x=person.firstname;

상기 코드의 실행 T, x의 값이됩니다

John


이 방법은 자바 스크립트 객체를 추가하려면

이 방법은 단순히 객체의 함수에 부착된다.

객체의 정의 내에 생성자 함수 방법에있어서 :

function person(firstname,lastname,age,eyecolor)
{
	this.firstname=firstname;
	this.lastname=lastname;
	this.age=age;
	this.eyecolor=eyecolor;

	this.changeName=changeName;
	function changeName(name)
	{
		this.lastname=name;
	}
}

로 changeName LASTNAME 속성에 할당 된 사람의 함수 이름 () 값입니다.

지금 당신은 시도 할 수 있습니다 :

myMother.changeName("Doe");

»시도

자바 스크립트 클래스

자바 스크립트는 객체 지향 언어이지만, JavaScript는 클래스를 사용하지 않는다.

자바 스크립트에서 클래스가 생성되지 않으며, 클래스를 통해 (다른 객체 지향 언어에서와 같이) 개체를 만들 수 있습니다.

자바 스크립트 기반의 프로토 타입이 아닌 클래스 기반.


자바 스크립트 ...에 대한 루프

용 문에서 개체의 속성을 통해 루프 자바 스크립트.

문법

for (variable in object)
{
	执行的代码……
}

참고 : 루프 코드 블록에서각 속성에 대해 한 번실행됩니다에 대한 ....

객체의 속성을 통해 루프 :

var에 사람 = {FNAME : "존", LNAME : "미상", 연령 : 25};

대한 (사람의 배)
{
TXT = TXT + 사람 [X]
}

»시도