javascript 학습 노트(8)javascript 대상
var newObject = new Object(); //
newObject.name = "new object"; // name
newObject.say = function() { // say()
alert(this.name); //output new object
}
을 통 해 상기 생 성 방법 에 대해 저 희 는 JSON(JavaScript Object Notation)의 방법 을 이용 하여 다음 과 같은 코드 로 간략하게 쓸 수 있 습 니 다.
var newObject = {
name: "new object";
say: function () {
alert(this.name);
}
};
저 희 는 JSON 의 데이터 형식 을 이용 하여 더욱 복잡 한 대상
var company = {
name: "tuanzz",
product: "groupon",
address: {province: "Hubei", city: "wuhan"},
person:[
{name: "zhangchen",age: "23"},
{name: "luomi", age: "23"},
],
readme: function() {
alert("My name is "+this.person[0].name+" and "+this.person[0].age+" years old");
}
};
company.readme(); //output My name is zhangchen and 23 years old;
을 만 들 수 있 습 니 다.JSON 의 데이터 형식 으로 만 든 대상 은 코드 가 우아 해 보일 뿐만 아니 라.JSON 의 형식 은"{}"번 호 를 대괄호 로 포함 하 는 항목 목록 입 니 다.각 항목 간 에 쉼표 를 사용 합 니 다.","구분 합 니 다.항목 은 콜론":"구 분 된 속성 이름과 속성 값 입 니 다.이것 은 전형 적 인 사전 표현 형식 이 고 자바 스 크 립 트 의 대상 이 바로 사전 구조 임 을 다시 한 번 밝 혔 다.아무리 복잡 한 대상 이라도 JSON 코드 에 의 해 만들어 지고 할당 할 수 있 습 니 다.b.구조 함 수 를 통 해 대상 을 만 들 수 있 습 니 다
function objectFun(name) {
this.name = name;
this.say = function() {
alert(this.name);
}
}
var newObject = new objectFun("zhangchen");
newObject.say(); //output zhangchen
.먼저 object Fun()함 수 를 새로 만 들 었 습 니 다.그 중에서 속성 과 방법 을 정 의 했 습 니 다.여기 서 우 리 는 object Fun 을 하나의 클래스(javascript 에서 함수 가 대상)로 볼 수 있 습 니 다.그리고 new 인 스 턴 스 를 통 해 대상 을 만 들 수 있 습 니 다.new Object 대상 에서 도 부모 클래스 의 속성 과 방법 이 있 습 니 다.우 리 는 다음 코드 로 함수 가 확실히 대상 임 을 검사 할 수 있 습 니 다.
//
function say(s) {
alert(s);
}
say("hi");
// ,
say.test = "it can work?";
alert(say.test); //output it can work?
상기 대상 을 만 드 는 방법 을 어떻게 이해 합 니까?다음 코드 를 보 겠 습 니 다.
function objectFun(name) {
this.name = name;
this.say = function() {
alert(this.name);
}
}
var newObject = new Object(); //
objectFun.call(newObject, "zhangchen"); // newObject this objectFun
newObject.say("zhangchen");//output zhangchen
먼저 new Object 대상 을 만 들 고 new Object 는 this 매개 변수 로 object Fun 함 수 를 호출 합 니 다.이렇게 많이 말 하면 우 리 는 object Fun 을 구조 함수 로 사용 할 수 있다.나머지 내용 은 이 전이 쓴 것자 바스 크 립 트 깨 달 음을 참고 하 시기 바 랍 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Thymeleaf 의 일반 양식 제출 과 AJAX 제출텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.