আমি যখন console.log()আমার জাভাস্ক্রিপ্ট প্রোগ্রামটিতে [object Object]কোনও বিষয়বস্তু আছি তখন আমি কেবল আউটপুটটি দেখি যা কোন বস্তুটি (বা এটি কী ধরণের বস্তু) তা নির্ধারণে খুব কার্যকর নয়।
সি # তে আমি ToString()কোনও সামগ্রীর ডিবাগার উপস্থাপনাটি কাস্টমাইজ করতে সক্ষম হতে ওভাররাইড করার অভ্যস্ত। আমি জাভাস্ক্রিপ্টে করতে পারার মতো কিছু আছে কি?
উত্তর:
আপনি toStringজাভাস্ক্রিপ্ট পাশাপাশি ওভাররাইড করতে পারেন । উদাহরণ দেখুন:
function Foo()
{
}
// toString override added to prototype of Foo class
Foo.prototype.toString = function()
{
return "[object Foo]";
}
var f = new Foo();
alert(f); // popup displays [object Foo]জাভাস্ক্রিপ্টে কীভাবে অবজেক্টের ধরণের নাম নির্ধারণ করা যায় সে সম্পর্কে এই আলোচনাটি দেখুন ।
toStringসম্পত্তি ওভাররাইড করে ফাংশনের রিটার্ন মান Object.prototype.toString.call(f)প্রদর্শন করবে, এখনও প্রদর্শিত হবে [object Object]।
toStringআপনার অবজেক্ট বা প্রোটোটাইপের জন্য প্রথমে ওভাররাইড করুন :
var Foo = function(){};
Foo.prototype.toString = function(){return 'Pity the Foo';};
var foo = new Foo();তারপরে বস্তুর স্ট্রিং প্রতিনিধিত্ব দেখতে স্ট্রিংয়ে রূপান্তর করুন:
//using JS implicit type conversion
console.log('' + foo);আপনি যদি অতিরিক্ত টাইপিং পছন্দ না করেন তবে আপনি একটি ফাংশন তৈরি করতে পারেন যা কনসোলটিতে তার আর্গুমেন্টগুলির স্ট্রিং উপস্থাপনাগুলিকে লগ করে:
var puts = function(){
var strings = Array.prototype.map.call(arguments, function(obj){
return '' + obj;
});
console.log.apply(console, strings);
};ব্যবহার:
puts(foo) //logs 'Pity the Foo'
puts(foo, [1,2,3], {a: 2}) //logs 'Pity the Foo 1,2,3 [object Object]'E2015 এই স্টাফের জন্য অনেক ভাল সিনট্যাক্স সরবরাহ করে তবে আপনাকে বাবেলের মতো ট্রান্সপ্লেলার ব্যবহার করতে হবে :
// override `toString`
class Foo {
toString(){
return 'Pity the Foo';
}
}
const foo = new Foo();
// utility function for printing objects using their `toString` methods
const puts = (...any) => console.log(...any.map(String));
puts(foo); // logs 'Pity the Foo'ব্রাউজার জেএসে ডিবাগযোগ্য আউটপুট পাওয়ার একটি সহজ উপায় হ'ল জেএসএন-তে কেবল সিরিয়ালাইজ করা। সুতরাং আপনি যেমন একটি কল করতে পারে
console.log ("Blah: " + JSON.stringify(object));সুতরাং উদাহরণস্বরূপ, alert("Blah! " + JSON.stringify({key: "value"}));পাঠ্যের সাথে একটি সতর্কতা তৈরি করেBlah! {"key":"value"}
আপনি যদি নোড ব্যবহার করছেন তবে এটি বিবেচনার জন্য উপযুক্ত হতে পারে util.inspect।
var util = require('util')
const Point = {
x: 1,
y: 2,
[util.inspect.custom]: function(depth) { return `{ #Point ${this.x},${this.y} }` }
}
console.log( Point );এটি ফল দেবে:
{ #Point 1,2 }প্রিন্ট পরিদর্শন ছাড়াই সংস্করণটি:
{ x: 1, y: 2 }কেবল toString()পদ্ধতিটি ওভাররাইড করুন ।
সাধারণ উদাহরণ:
var x = {foo: 1, bar: true, baz: 'quux'};
x.toString(); // returns "[object Object]"
x.toString = function () {
var s = [];
for (var k in this) {
if (this.hasOwnProperty(k)) s.push(k + ':' + this[k]);
}
return '{' + s.join() + '}';
};
x.toString(); // returns something more usefulআপনি কোনও নতুন ধরণের সংজ্ঞা দিলে এটি আরও ভাল করে:
function X()
{
this.foo = 1;
this.bar = true;
this.baz = 'quux';
}
X.prototype.toString = /* same function as before */
new X().toString(); // returns "{foo:1,bar:true,baz:quux}"v0.10.*বা Chrome এ নয় Version 32.0.1700.102। টু স্ট্রিংকে সরাসরি (খোঁড়া) কল করার সময় বা টাইপ কোর্সিওন (ল্যামার) ব্যবহার করে এটি কাজ করবে, কনসোল [/ তথ্য | লগ /] পুরানো প্রাক-মোড টু স্ট্রিংয়ের জন্য ব্যবহার করে।
যদি বিষয়টি নিজের দ্বারা সংজ্ঞায়িত করা হয় তবে আপনি সর্বদা একটি স্ট্রিং ওভাররাইড যুক্ত করতে পারেন।
//Defined car Object
var car = {
type: "Fiat",
model: 500,
color: "white",
//.toString() Override
toString: function() {
return this.type;
}
};
//Various ways to test .toString() Override
console.log(car.toString());
console.log(car);
alert(car.toString());
alert(car);
//Defined carPlus Object
var carPlus = {
type: "Fiat",
model: 500,
color: "white",
//.toString() Override
toString: function() {
return 'type: ' + this.type + ', model: ' + this.model + ', color: ' + this.color;
}
};
//Various ways to test .toString() Override
console.log(carPlus.toString());
console.log(carPlus);
alert(carPlus.toString());
alert(carPlus);সঙ্গে টেমপ্লেট লিটারেল :
class Foo {
toString() {
return 'I am foo';
}
}
const foo = new Foo();
console.log(`${foo}`); // 'I am foo'যোগ 'Symbol.toStringTag' কাস্টম বস্তু বা বর্গ সম্পত্তি।
এতে নির্ধারিত স্ট্রিংয়ের মানটি এর ডিফল্ট স্ট্রিং বিবরণ হবে কারণ এটি দ্বারা অভ্যন্তরীণভাবে অ্যাক্সেস করা হয়েছে Object.prototype.toString() পদ্ধতি ।
উদাহরণ স্বরূপ:
class Person {
constructor(name) {
this.name = name
}
get [Symbol.toStringTag]() {
return 'Person';
}
}
let p = new Person('Dan');
Object.prototype.toString.call(p); // [object Person]কিছু জাভাস্ক্রিপ্ট ধরণের যেমন মানচিত্র এবং প্রতিশ্রুতিগুলির মধ্যে অন্তর্নির্মিত toStringTagপ্রতীক সংজ্ঞায়িত রয়েছে
Object.prototype.toString.call(new Map()); // "[object Map]"
Object.prototype.toString.call(Promise.resolve()); // "[object Promise]"যেহেতু Symbol.toStringTagএকটি সুপরিচিত প্রতীক , আমরা এটি উল্লেখ করতে পারি এবং যাচাই করতে পারি যে উপরের ধরণেরগুলির মধ্যে সিম্বল.টোস্ট্রিংট্যাগ সম্পত্তি রয়েছে -
new Map()[Symbol.toStringTag] // 'Map'
Promise.resolve()[Symbol.toStringTag] // 'Promise'toString()সরাসরি অর্জনের একমাত্র উপায় ওভাররাইডের সাথে function MyObj() {} Object.prototype.toString.call(new MyObj()) // "[object MyObj]"?
Chrome কনসোল লগ আপনাকে অবজেক্টটি পরিদর্শন করতে দেয়।
console.log("this is my object:", obj)।
- এই অপারেশনটি সম্পূর্ণ হতে অনেক সময় লাগে, এবং এটি মজিলা ডক্স অনুসারে নিরুত্সাহিত করা হয়েছে: https://developer.mozilla.org/es/docs/Web/JavaScript/Referencia/Ojetos_globales/Object/proto
স্পষ্টতই, আধুনিক ব্রাউজারগুলি যথাযথ__প্রোট__ ব্যবহার করে নির্দিষ্ট প্রোটোটাইপ এবং ইসিএমএ 6 নির্দিষ্ট করে।
সুতরাং উদাহরণস্বরূপ, যদি আপনি নিজের বস্তুর সংজ্ঞা হয় geoposition আপনি কল করা উচিত __proto__ পরিবর্তে সম্পত্তি .prototype :
var geoposition = {
lat: window.pos.lat,
lng: window.pos.lng
};
geoposition.__proto__.toString = function(){ return "lat: "+this.lat+", lng: "+this.lng }
console.log("Searching nearby donations to: "+geoposition.toString());মানচিত্রের অবজেক্টটিকে কীভাবে স্ট্রাইফাই করা যায় তা এখানে একটি উদাহরণ:
Map.prototype.toString = function() {
let result = {};
this.forEach((key, value) => { result[key] = value;});
return JSON.stringify(result);
};আপনি যে কোনও কাস্টম অবজেক্টগুলিকে তাদের নিজস্ব স্ট্রিং পদ্ধতিগুলি দিতে পারেন, বা একটি সাধারণ লিখতে পারেন যা আপনি যে অবজেক্টে দেখছেন তাতে কল করতে পারেন-
Function.prototype.named= function(ns){
var Rx= /function\s+([^(\s]+)\s*\(/, tem= this.toString().match(Rx) || "";
if(tem) return tem[1];
return 'unnamed constructor'
}
function whatsit(what){
if(what===undefined)return 'undefined';
if(what=== null) return 'null object';
if(what== window) return 'Window object';
if(what.nodeName){
return 'html '+what.nodeName;
}
try{
if(typeof what== 'object'){
return what.constructor.named();
}
}
catch(er){
return 'Error reading Object constructor';
}
var w=typeof what;
return w.charAt(0).toUpperCase()+w.substring(1);
}ওভাররাইডের পরিবর্তে toString(), আপনি যদি প্রোটোটাইপ জাভাস্ক্রিপ্ট লাইব্রেরি অন্তর্ভুক্ত করেন তবে আপনি Object.inspect()আরও বেশি উপকারী উপস্থাপনা পেতে ব্যবহার করতে পারেন ।
সর্বাধিক জনপ্রিয় ফ্রেমওয়ার্কগুলিতে অনুরূপ কিছু অন্তর্ভুক্ত রয়েছে।
আপনি জেএসে প্রসারিত বা ওভাররাইড করতে পারেন
String.prototype.toString = function() {
return this + "..."
}
document.write("Sergio".toString());A simple format Date function using Javascript prototype, it can be used for your purpose
https://gist.github.com/cstipkovic/3983879 :
Date.prototype.formatDate = function (format) {
var date = this,
day = date.getDate(),
month = date.getMonth() + 1,
year = date.getFullYear(),
hours = date.getHours(),
minutes = date.getMinutes(),
seconds = date.getSeconds();
if (!format) {
format = "MM/dd/yyyy";
}
format = format.replace("MM", month.toString().replace(/^(\d)$/, '0$1'));
if (format.indexOf("yyyy") > -1) {
format = format.replace("yyyy", year.toString());
} else if (format.indexOf("yy") > -1) {
format = format.replace("yy", year.toString().substr(2, 2));
}
format = format.replace("dd", day.toString().replace(/^(\d)$/, '0$1'));
if (format.indexOf("t") > -1) {
if (hours > 11) {
format = format.replace("t", "pm");
} else {
format = format.replace("t", "am");
}
}
if (format.indexOf("HH") > -1) {
format = format.replace("HH", hours.toString().replace(/^(\d)$/, '0$1'));
}
if (format.indexOf("hh") > -1) {
if (hours > 12) {
hours -= 12;
}
if (hours === 0) {
hours = 12;
}
format = format.replace("hh", hours.toString().replace(/^(\d)$/, '0$1'));
}
if (format.indexOf("mm") > -1) {
format = format.replace("mm", minutes.toString().replace(/^(\d)$/, '0$1'));
}
if (format.indexOf("ss") > -1) {
format = format.replace("ss", seconds.toString().replace(/^(\d)$/, '0$1'));
}
return format;
};
typeof)।