객체 작성

14320 단어

이틀 동안 대상을 향한 소결


1. 대상방향과 과정방향의 차이
과정 을 향해 전체 문제 의 해결 절차 에 치중하고 국부적 이나 구체적 으로 착안 하다
대상을 대상으로 구체적인 기능에 치중하여 특정한 대상이 특정한 기능을 실현하고 전체에 더욱 치중하도록 하다
2. 표면적인 방식으로 대상을 만든다
// , js . 
var person = {
   name : "Tom",
    age : 22,
  sex : " ",
  speak : function(){
      console.log("abc");
  }
}

참고: 속성 이름과 속성 값 사이는 콜론으로 표시하고 서로 다른 속성 사이는 쉼표로 구분합니다.
3. 메모리의 저장 방식
ECMAScript의 모든 함수에 대한 매개변수는 값별 전송 액세스 변수가 값별 및 참조별 두 가지 방식으로 전달되며 매개변수는 값별 전송 예만 사용할 수 있습니다.

function addTen(num){
    num  += 10;
    return num;
}
var count = 20;
var result = addTen(count);
alert(count);   //20, , 30
alert(result); //30

예:
function setName(obj){
obj.name = "Nicholas";
obj = new Object();
obj.name = "Grey";
}

var person = new Object();
setName(person);
alert(person.name); //"Nicholas"

function foo(num, obj){
     num = 20
    obj.name = "abc"
}

var num = 10;
var obj = {
     name: "aaa"
  }
foo(num, obj)
console.log(num);   //10
console.log(obj.name);  //"abc"

변수의 전달값은 그 자체가 변하지 않고 대상이 전달하는 것은 주소이다


메모리는 창고 메모리와 창고 메모리로 구성되고 창고 메모리 매개 변수, 창고 메모리 주소;


4. 공장 모델

function createPerson(name,age,sex){
    var person = new Object();
  person.name = name;
  person.age = age;
  person.sex = sex;
  person.speak = function(){
      console.log("abc");
  }
  return person;     // 
}
// 
var p1 = createPerson("Tom",22," ");

5. 구조 함수

function Person(name,age,sex){
    this.name = name;
  this.age = age;
  this.sex = sex;
  this.speak = function(){
      console.log("abc");
  }
}
// 
var p2 = new Person("Jack",22," ");
p2.speak();

설명:
  • 구조 함수를 사용하여 대상을 만들려면 키워드 new를 사용하고 그 다음에 구조 함수의 이름을 따라 필요에 따라 해당하는 매개 변수를 전달해야 한다.
  • 사실 new 구조 함수 ()를 사용하여 대상을 만드는 데 다음과 같은 몇 가지 절차를 거쳤다.
  • 새 대상 만들기
  • 구조 함수의 작용역을 새로운 대상에게 부여한다.이때this가 이 새로운 대상을 대표한다는 뜻이다.
  • 구조 함수의 코드를 실행합니다.이 예에서는 새 대상에 속성을 추가하고 속성을 초기화합니다.
  • 구조 함수 실행이 완료되면 기본적으로 새 대상을 되돌려줍니다.그래서 밖에서 방금 만든 새 대상을 얻을 수 있을 거예요.

  • 좋은 웹페이지 즐겨찾기