Đối tượng Javascript nhận được mã như chuỗi

Question

Trước hết, tôi xin lỗi nếu đây là một bản sao, nhưng mỗi lần tôi googled cho 'đối tượng' và 'mã' tôi có các trang hướng dẫn.

Tôi muốn biết liệu có cách nào dễ dàng để lấy mã được liên kết với một đối tượng hay không. Một cái gì đó như

function A(){ 
    this.name = 'Kaiser Sauze'; 
} 
a = new A(); 
console.log(a.displayCode()); 
//OUTPUT 
"function A(){ this.name = 'Kaiser Sauze';}" 

Tôi muốn có thể xem mã, sửa đổi và tải lại chức năng, tất cả từ bên trong trình duyệt. Tôi muốn biết nếu có một số cách để làm điều này, hoặc nếu tôi phải thủ bơm bằng cách làm một cái gì đó như thế này:

function A(){ 
    this.name = 'Kaiser Sauze'; 
    this.code = "function A(){ this.name = 'Kaiser Sauze';}" 
} 

sau đó mỗi khi tải sử dụng lên soạn thảo văn bản để xem this.code tôi kết nối thay đổi để cập nhật this.code.

EDIT

quay ra yankee đề nghị một giải pháp đơn giản để này

function A(x){ 
    this.x = x ; 
} 
console.log(A.toString()); 
//OUTPUT 
"function A(x){ 
    this.x = x ; 
}" 

nhưng trong việc thực hiện của tôi biến 'x' có thể là một chức năng (thực sự là một đối tượng phức tạp với các biến, chức năng và các đối tượng phụ mà tôi kết hợp thông qua một cuộc gọi đến dojo.mixin), vì vậy điều tôi thực sự muốn là biết mã khi được tạo ra, giống như vậy

function A(x){ 
    this.x = x ; 
} 
var a = new A(function(){/*DO SOMETHING*/); 
console.log(a.toString()); 
//OUTPUT 
"var a = new A(function(){/*DO SOMETHING*/);" 

nhưng, của bạn đã biết, tất cả những gì được sản xuất là một cái gì đó giống như "Object". Tôi đã gần như tìm thấy một khoảng cách này, bằng cách đặt khởi tạo trong một chức năng như vậy

function A(x){ 
    this.x = x ; 
} 
function _A(){ 
    var a = new A(function(){/*DO SOMETHING*/); 
} 
console.log(_A.toString()); 
//OUTPUT 
"function _A(){ 
    var a = new A(function(){/*DO SOMETHING*/); 
}" 

nhưng đó là khó hiểu, và sau đó tôi phải đi vào và bắt đầu phân tích các chuỗi mà tôi không muốn làm.

EDIT: Lý do tôi yêu cầu tất cả điều này là b/c Tôi muốn tạo mã có thể thực thi động và mô đun cao. Tôi đang xử lý canvas. Tôi muốn người dùng có thể nhấp vào một, ví dụ, hình chữ nhật, xem mã của nó, và sửa đổi và sau đó tải/thực hiện nó. Tôi có một loạt quy tắc nhưng về cơ bản tôi có một lớp hình dạng và mọi thứ xác định hình dạng đó (màu sắc, độ trong suốt, đầy, nét ...) phải được chuyển thành tham số đối tượng cosntructor, như sau:

rect = new Shape({color : 'rgba(0,0,0,1)' , 
    x : 0 , 
    y : 0 , 
    w : 100 , 
    h : 100 , 
    draw : function() {ctx.fillStyle = this.color; 
    ctx.fillRect(this.x,this.y,this.w,this.h); 
    } 
}); 

Bằng cách này mã được tự động mô-đun, tôi không phải lo lắng về màu sắc được xác định ở đầu trang và sau đó chiều cao được xác định một nửa xuống dưới trang, v.v. Bây giờ điều duy nhất tôi cần là bằng cách nào đó, vượt qua như một tham số, toàn bộ chuỗi đại diện trên của khởi tạo. Tôi có thể bọc nó trong một chức năng và gọi toString trên đó, như vậy

function wrapper(){ 
    rect = new Shape({color : 'rgba(0,0,0,1)' , 
     x : 0 , 
     y : 0 , 
     w : 100 , 
     h : 100 , 
     draw : function() {ctx.fillStyle = this.color; 
      ctx.fillRect(this.x,this.y,this.w,this.h); 
     }, 
     code : wrapper.toString() 
     }); 
    } 

nhưng sau đó có hai vấn đề. 1) Tôi phải tự xóa function wrapper() và theo sau } cũng như di chuyển mọi dòng sang bên trái bằng một tab. 2) không đảm bảo rằng người dùng sẽ nhớ bao gồm chức năng trình bao bọc vì nó hoàn toàn không cần thiết cho các mục đích vẽ. Tôi đang cố gắng nghĩ ra một cách mà trình bao bọc có vẻ tự nhiên, nhưng tôi không thể nghĩ ra được. Nhưng sau đó một lần nữa tôi đã không ngủ trong hơn 30 giờ.

Answer 1

Tôi không thể tin rằng không ai đề xuất điều này (tôi xin lỗi nếu câu trả lời này nằm ở đâu đó giữa các dòng). Tôi không nghĩ về nó bởi vì tại thời điểm phát triển, tất cả công việc của tôi là khách hàng. Tất cả những gì tôi thực sự phải làm là tải mã một lần với Ajax là javascript. Khi nó được nạp và một đối tượng được tạo, tôi tải nó lại như một chuỗi và gán nó cho một biến trong đối tượng.

Answer 2

OK ... Xem xét lại ... Tôi nghĩ đó là những gì bạn muốn ;-).

>>> function A() {this.name ="foo";} 
undefined 
>>> A.toString() 
"function A() {this.name ="foo";}" 

Answer 3

function dumpObject(obj) 
{  
    var output = "";  
    for (var i in obj) 
    {   
     var msg = i + "= " + obj[i];   
     output += msg + "\n";  
    }  
    return output; 
} 

var myObject = { 
    myName: 'Daniel', 

    get_name: function() 
    { 
     return this.myName; 
    } 
} 

alert(dumpObject(myObject)); 
//this will output: 
// 
// myName= Daniel 
// get_name=function() 
// { 
//  return this.myName; 
// } 

Đây là fiddle tôi cho rằng: http://jsfiddle.net/DanielDZC/vXrQf/

Answer 4

Sửa: thêm khá-in.

Bạn có thể JSON.stringify() đối số của hàm tạo, nếu nó tương thích với JSON. Đây là một chức năng toString() đó được xây dựng trên ý tưởng này, nhưng với một phiên bản hơi tổng quát của JSON.stringify() chấp nhận chức năng stringifying:

function Shape(x){ 
    this.x = x; 
} 
Shape.prototype.toString = function() { 
    function stringify(data, prefix) { 
     function unicode_escape(c) { 
      var s = c.charCodeAt(0).toString(16); 
      while (s.length < 4) s = "0" + s; 
      return "\\u" + s; 
     } 
     if (!prefix) prefix = ""; 
     switch (typeof data) { 
      case "object": // object, array or null 
       if (data == null) return "null"; 
       var i, pieces = [], before, after; 
       var indent = prefix + " "; 
       if (data instanceof Array) { 
        for (i = 0; i < data.length; i++) 
         pieces.push(stringify(data[i], indent)); 
        before = "[\n"; 
        after = "]"; 
       } 
       else { 
        for (i in data) 
         pieces.push(i + ": " + stringify(data[i], indent)); 
        before = "{\n"; 
        after = "}"; 
       } 
       return before + indent 
         + pieces.join(",\n" + indent) 
         + "\n" + prefix + after; 
      case "string": 
       data = data.replace(/\\/g, "\\\\").replace(/"/g, '\\"') 
          .replace(/\n/g, "\\n").replace(/\r/g, "\\r") 
          .replace(/\t/g, "\\t") 
          .replace(/[\x00-\x19]/g, unicode_escape); 
       return '"' + data + '"'; 
      default: 
       return String(data).replace(/\n/g, "\n" + prefix); 
     } 
    } 
    return "new Shape(" + stringify(this.x) + ")"; 
}; 

var rect = new Shape({color : 'rgba(0,0,0,1)' , 
    x : 0 , 
    y : 0 , 
    w : 100 , 
    h : 100 , 
    draw : function() {ctx.fillStyle = this.color; 
    ctx.fillRect(this.x,this.y,this.w,this.h); 
    } 
}); 
console.log(rect.toString()); 

Đầu ra là:

new Shape({ 
    color: "rgba(0,0,0,1)", 
    x: 0, 
    y: 0, 
    w: 100, 
    h: 100, 
    draw: function() { 
     ctx.fillStyle = this.color; 
     ctx.fillRect(this.x, this.y, this.w, this.h); 
    } 
}) 

Answer 5

Âm thanh như bạn đang tìm kiếm Reflection và/hoặc hỗ trợ Introspection. Tôi không chắc chắn nơi các động cơ chính khác đang ở trong này liên quan nhưng SpiderMonkey của Parser API gần đây đã được tham chiếu trong một bài viết trên Extension Introspection with Chrome Privileges.

Answer 6

Đây là một giải pháp khác có thể hoạt động (sử dụng ví dụ của yankee). Tuy nhiên tôi không chắc chắn những gì sẽ xảy ra nếu A đã tồn tại? Có lẽ bạn nên làm một "xóa (A);" trước khi lưu nó vào bộ nhớ.

// Create A 
// function A() {this.name = "foo";} 

var x = 'function A() {this.name = "foo";}'; // Store function to variable using A.toString(); 

// Save x in storage 

// -- Page reload -- 

// Load and eval x from storage 
eval(x); 

var a = new A(); // Use A 
alert(a.name); 

Answer 7

tôi sẽ không khuyên bạn sử dụng trên một máy chủ sản xuất, chỉ để thử nghiệm và gỡ lỗi, nhưng there is a method named toSource() mà trả về nguồn gốc của một chức năng như một String:

function add(a, b) { 
    return a + b; 
} 
console.log(add.toSource()); 

Đầu ra:

function add(a, b) { return a + b; } 

Có sẵn trên JS Fiddle: http://jsfiddle.net/IQAndreas/dP453/1/

Lưu ý t mũ Mozilla đã đánh dấu phương thức này là phi tiêu chuẩn (nếu bạn read the details có nghĩa là "Chỉ hoạt động trong FireFox").

Answer 8

Tham khảo đoạn mã dưới đây:

function A() { 
 
    this.name = 'Kaiser Sauze'; 
 
} 
 

 
a = new A(); 
 

 
console.log(a.constructor.toString()); 
 

 
// output 
 
// "function A(){ 
 
// this.name = 'Kaiser Sauze'; 
 
// }"

Khi bạn làm new A(), function A trở thành các nhà xây dựng của đối tượng a. Do đó, bạn có thể tham khảo function A qua thuộc tính constructor của đối tượng a.

Read more about Javascript constructor on MDN.