자바 스크립트 : 참조에 객체를 저장하는 방법

Question

나는 자바 스크립트를 처음 사용하며 매우 혼란 스럽다.

나는

var recipe = {name:"", price:10, details:"", img_path:""}; 

객체를 생성하고 난 생성자처럼 뭔가 기능을 만들었습니다. 또한, 객체의 속성에

function recipeInstantiation(name, price, details, img_path){ 
     recipe.name = name; 
     recipe.price = price; 
     recipe.details=details; 
     recipe.img_path = img_path; 
     // I dont know what to return here 
     //maybe return recipe; 
} 

값을주고, 그때

VAR의 recipe2 = 레시피 기준으로 레시피 객체를 전달해야;

맞습니까?

Answer 1

객체 참조 형 및 자바 스크립트 언어 구조와 규칙을 따라야 클래스 정의 (즉, 클래스에 대한 파스칼의 경우 사용)

여기 가서 배울 수 있습니다 http://www.w3schools.com/js/js_objects.asp

---------------------------------- 

    //class definition that describes a recipe 
    function Recipe(name, price, details, img_path){ 
    //javascript use this keyword to define data fields. 
      this.name = name; 
      this.price = price; 
      this.details=details; 
      this.img_path = img_path; 

    } 


    function displayRecipe(recipe){ 
     //display recipe as html 
    } 


---------------------------------- 
    var newReceipe = new Recipe("Pasta", 1000, "Something", "img/pasta.jpg"); 
    displayRecipe(newReceipe) 

Answer 2

var recipe2 = recipe;

당신은 정확합니다. 위의 경우 recipe2의 값을 수정하면 recipe의 값이 수정됩니다. JavaScript의 여러 유형 (예 : 배열 및 객체)이 참조로 전달되기 때문입니다.

(그냥 참고로, 다른 사용 사례에 참조로 recipe을 통과하지 당신이 , 당신은 사본 recipe의 모든 값,하지만 그 범위를 벗어 났음 새로운 객체를 생성한다 이 질문의.)

Answer 3

클래스 (대문자의 첫 글자). 사용이에

function Recipe(name, details, ...) { 
    this.name = name, 
    this.details = details, 
    ... 
} 

이 프로토 타입와 클래스에 기능을 추가 초기화 :

Recipe.prototype.getInfo = function() { 
    return obj; 
} 

전체 예제 :

function Recipe(name, price, details, img_path) { 
     this.name = name; 
     this.price = price; 
     this.details = details; 
     this.img_path = img_path; 
} 

Recipe.prototype.getInfo = function() { 
    return { 
     name: this.name, 
     price: this.price, 
     details: this.details, 
     img_path: this.img_path 
    } 
} 

var recipe1 = new Recipe("tomatonoodles", 7.99, "without gluten", "img/tomato.jpg"); 
var info = recipe1.getInfo(); 

alert(info); 

Answer 4

이 더 작동 방법.

const newRecipe = (name, price, details, img_path) => { 
    const obj = {}; 
    obj.name = name; 
    obj.price = price; 
    obj.details = details; 
    obj.img_path = img_path; 
    return obj; 
} 

const recipe1 = newRecipe('pasta', 1000, 'something', 'img/pasta.jpg'); 
console.log(recipe1);