但是这又怎么解释:
function Foo(){};
let f1=new Foo();
alert(f1); //还是[object Object], 可是f1的construtor明明是Foo，不应该是[object Foo]吗？-
-
假设obj就是let obj={}声明出来的，我目前的理解是Object是obj的constructor，那alert(obj)出来的都是[object, 'constructor']这样的形式？
但是这又怎么解释:
展开阅读全文
-
等级
本版专家分：40 -
alert调用的是对象的toString方法，toString()返回 "[object type]"，其中type是对象的类型。
可以用typeof f1来查看f1的type。
-
等级
本版专家分：0勋章
-
- 签到新秀
-
-
对象的类型。。岂不还是对象Object？是不是可以理解为alert('任意对象')都是[object Object]?
-
等级
本版专家分：0勋章
-
- 签到新秀
-
-
这样的话，有啥意义，反正啥都是[object Object]，因为JS里一切皆对象啊。
-
等级
本版专家分：622 -
用console.log来调试
-
等级
本版专家分：17081勋章
-
- 签到新秀
-
-
红花
2020年9月 Web 开发大版内专家分月排行榜第一
2019年9月 Web 开发大版内专家分月排行榜第一
-
-
黄花
2020年8月 Web 开发大版内专家分月排行榜第二
2020年7月 Web 开发大版内专家分月排行榜第二
2020年6月 Web 开发大版内专家分月排行榜第二
2020年4月 Web 开发大版内专家分月排行榜第二
2020年3月 Web 开发大版内专家分月排行榜第二
2019年10月 Web 开发大版内专家分月排行榜第二
-
-
建议去看看Object.prototype.toString
-
等级
本版专家分：21143勋章
-
- 签到新秀
-
-
红花
2021年4月 Web 开发大版内专家分月排行榜第一
2012年10月 Web 开发大版内专家分月排行榜第一
2012年9月 Web 开发大版内专家分月排行榜第一
-
- 蓝花 2012年11月 Web 开发大版内专家分月排行榜第三
-
-
差不多就1楼的朋友说的那样子
你可以去找找看实例化时，new关键字都做了些什么，你大概就知道了。
大概的流程是创建对象，获取构造函数，链接原型，注入上下文作用域(this)，返回。
所以，实例化对象f1和Foo，原本就不是完全相同的一个东西。再说了，1楼朋友说的一样，你这调用的是.toString()。你如果alert(Foo)，打印出来的内容就是Foo的toString()后内容
或者简单粗暴点，你alert(JSON.stringify(f1))，你看看它到底是什么
是不是可以理解为alert('任意对象')都是[object Object]??? 这个需要问吗？你alert(1),alert('aaa')难道出来的是一样的东西？？？
至于你说的都是object就没有意义了。那我怎么分辨这个对象具体是正则，是日期，数组，数字，字符串，布尔，Set,Map……等等中的哪一种呢？它们私有的属性和方法咋办？全挂在object上？来一锅大杂烩，还谈什么面象对象呢？
你最近发的贴老是在纠结这些东西。想知其所以然，诚然是好的。可方法不对，只会适得其反。而且有些知识的“其所以然”到最后就是一句话，一句让你记住就可以的话，它就是知识点。你再要深究就到最最底层去了。比如{}它为什么是{}，为什么它上面可以加属性和方法？这些东西，你现在了解了他的意义在哪里呢？
所以，建议你先系统的将所有基础过一遍（看+练习），先记住其中的知识点。以后实际应用中，碰上你觉得莫名其妙的问题的时候，那个时候才是你需要去深究“为什么”的时候。
最后，给段代码，辅助你理解一下：调试尽量用console.log打印，不用alert
function Foo() {}
function Foo() {}
const f1 = new Foo()
console.log("f1:" + f1)
console.log("Foo:" + Foo)
console.log("Foo type：" + Object.prototype.toString.call(Foo).match(/^\[object\s(.*)\]$/)[1])
console.log('============================================================')
function Bar() {}
const f2 = new Bar()
Bar.toString = function() {
return "我是Bar"
}
f2.toString = function() {
return "我是 f2"
}
console.log("f2:" + f2)
console.log("Bar:" + Bar)
console.log("Bar type：" + Object.prototype.toString.call(Bar).match(/^\[object\s(.*)\]$/)[1])
- js- 对象 toString 的结果 [ object Object ]
输出[ object Object ] 除了null和undefined之外，其他的类型(数值、布尔、字符串、对象)都有toString()方法，它返回相应值的字符串表现(并不修改原变量)。 每个对象都有一个toString()方法。 当该对象被表示为...
- 前端面试题
每个HTML文件里开头都有个很重要的东西，Doctype，知道这是干什么的吗？ 21 Quirks模式是什么？它和Standards模式有什么区别 21 div+css的布局较table布局有什么优点？ 22 img的alt与title有何异同？ strong与em的...
- js面试题
JavaScript 的组成 JavaScript 由以下三部分组成： ECMAScript（核心）：JavaScript 语言基础 ...BOM（浏览器对象模型）：提供了浏览器窗口之间进行交互的对象和方法 JS 的基本数据类型和引用数据类型 ...
- String与Object数据类型
一：String 1、两种创建对象的方式（小string与大string） ...alert(typeof y)//object 2、小string与大string的属性与函数是相通的，常用的函数有： indexof() :子字符串第一次出现在字符串...
- Object对象的方法和this
1，对象的方法 当一个对象的属性的值，是一个函数，那么这个函数我们就称为对象的“方法”（method）。方法就是一个对象能够做的事情 ，就是一个动词。 var xiaoming = { ...alert(“今年” + this.age + ...
- JavaScript笔记 Object对象
JavaScript 对象 对象只是一种特殊的数据。对象拥有属性和方法。 JavaScript 中的所有事物都是对象：字符串、数值、数组、函数… 此外，JavaScript 允许自定义对象。 所有事物都是对象 JavaScript 提供多个内建对象...
- [object] 与 [object object] 区别！
[object] 与 [object object] 区别！ 请指正！ [问题点数：50分，结帖人luojihaidao] 不显示删除回复 显示所有回复 显示星级回复 显示得分回复 只显示楼主 收藏 关注 luoj
- js object引用数据类型 函数（function） 构造函数 this 用法 及案例
1.对象（Object） - 对象是JS中的引用数据类型 - 对象是一种复合数据类型，在对象中可以保存多个不同数据类型的属性 - 使用typeof检查一个对象时，会返回object... - var obj = new Object(); - 方式二： - var...
- 002 - JavaScript object foreach 遍历
####★技巧★ JS 引入 返回 从哪来到哪去 <script src="javascript:history.go(-1)">返回</script> <a href="javascript:history.go(-1)"...num = num.toEx...
- javascript面向对象（一）：object基础以及构造函数详解
追根溯源，既然说到面向对象，就先从js中的object这个对象数据类型说起。 文章目录object数据类型内存清理机制this关键字构造函数和new关键字Json格式转换总结参考 object数据类型 和另外几种单一类型的基本数据不同...
- 关于JS中的Object
学习了js之后，在这里对object做一下介绍：1、声明js对象有两种方式 var obj = new Objec(); //new 一个obj对象 var obj = {}; //用大括号来表示声明的对象2、给对象设置属性和方法 obj.name = "zhangsan"; obj.age ...
- javascript，检测object对象中是否存在某个属性
撸js基础之对象：http://www.ferecord.com/lujs-object.html...Object自带一个prototype的属性，即Object.prototype，Object.prototype本身也是一个对象，也会有一些属性和方法。如下： 1、属性 Object.proto...
- JavaScript 对象object this 构造函数
var 变量名 = new Object(); // 实例化一个空对象 变量名.属性名=值; //给对象添加属性 变量名.函数名=function(){} ; //给对象添加一个函数 2、定义方法（二） 注意：属性名和值之间是冒号，值后面是逗号 var ...
- JS笔记3.3--对象/工厂模式/构造函数/原型/Function和Object函数/原型链
1.对象 ...（1）内建对象：如Math Boolean String Object… （2）宿主对象：由浏览器提供的对象 如BOM DOM console.log() document.write() （3）自定义对象：由开发人员创建的对象 1.1 对象的创建 ...
- JS中的各种引用类型总结(Object引用类型、function引用类型、array引用类型)
JS中的对象是根据某种引用类型创建出来的实例！ ... //Object开头必须大写 obj1.name="ROBIN.FANG"; obj1.sex="true"; obj1.age=23; alert(obj1.name); alert(obj1.age); //方法 2 var obj2=...
- 所有原生引用类型Object、Array、String构造函数
一、创建对象 创建单个对象：Object构造函数[new Object()]、对象字面量 创建多个对象：以下7种方式 1.工厂模式 function createPerson(name, age, job){ var o = new Object(); o.name = name;...alert(th...
- 函数和object
普通函数 在javascript中,函数是一等公民,函数在javascript是一个数据类型,而非像C#或其他描述性语言那样仅仅作为一个模块来使用. 一.... 函数调用形式是最常见的形式,也是最好理解的形式。... alert("函数被...
- 【JavaScript学习记录2】对象(new Object)、函数(new Function)、(构造)方法、初见this、原型prototype、...
-比如：Math String Number Boolean Function Object……… 2.宿主对象 由JS的运行环境提供的对象，目前来讲主要指由浏览器提供的对象 -比如BOM DOM 3.自意义对象I -由开发人员自己创建的对象 1.2 对象增删改查 *...
- 前端笔记知识点整合之JavaScript面向对象（一）Object&函数上下文&构造函数&原型链...
前端笔记知识点整合之JavaScript面向对象（一）Object&函数上下文&构造函数&原型链 一、对象（Object） 1.1 认识对象 对象在JS中狭义对象、广义对象两种。 广义：相当于宏观概念，是...
- javascript教程(5)——Object,String,Number,Date与定时器
1.new运算符 通过new 运算符来创建一个新对象。 语法： new constructor[(arguments)] 参数说明： constructor：必选项。...如果构造函数没有参数，则可以省略圆...var obj= new Object; var arr = new Array(); v...
- 前端笔记之JavaScript面向对象（一）Object&函数上下文&构造函数&原型链
一、对象（Object） 1.1 认识对象 对象在JS中狭义对象、广义对象两种。 广义：相当于宏观概念，是狭义内容的升华，高度的提升，范围的拓展。狭义：相当于微观概念，什么是“狭”？因为内容狭隘具体，范围窄所以...
- object分析
Object分析 根据打印出的空对象分析默认属性 _proto_ 与 [[Prototype]] javacscript是一种基于原型的语言,每个对象拥有一个原型对象,对象以其原型为模板,从原型继承方法和属性.原型对象也可以拥有原型,实例对象...
- JS-Object(2) 原型对象 ，prototype属性。
基础✅ prototype(✅) ...关键字"this"指向了当前代码运行时的对象( 原文：the current object the code is being written inside ) 定义template, 创建实际对象 object instances constructor fu...
- JS的Object类的属性、方法及如何创建对象
对于Object类，该指针指向原始的object()函数。 prototype:对该对象的对象原型的引用。对于所有的类，它默认返回Object对象的一个实例。 方法 hasOwnProperty(property):判断对象是否有某个特定的属性。必须...
- object，constructor，opp
object.constructor 描述 对象的constructor属性引用了该对象的构造函数。例如，如果用Array()构造函数创建一个数组，那么a.constructor引用的就是Array： a=newArray(1,2,3);//创建一个对象 a.co...
- js--object对象
第二种是用new Object()。 1.1.1 字面量的创建方式 1 var obj = { 2 name : "树懒", 3 age : 18, 4 gender: "男" 5 }; 6 7 console.log(obj); 8 console.log(obj.name); 9 console.log(typeof obj); {...
- EJS 什么是EJS后缀文件 EJS怎么用
一、什么是EJS EJS是一个JavaScript模板库，用来从JSON数据中生成HTML字符串。 二、为什么要使用EJS 与最初的JavaScript相比较，一些不太了解你的代码的人可以更容易地通过EJS模板代码看得懂你的代码。 让我们...
- 计算机设计大赛作品开发文档
参加的是2020年的计算机设计大赛，软件应用与开发赛道。我们的开发文档仅供参考。（20页）
- 微信公众平台开发入门
本套课程的设计完全是为初学者量身打造，课程内容由浅入深，课程讲解通俗易懂，代码实现简洁清晰。通过本课程的学习，学员能够入门微信公众平台开发，能够胜任企业级的订阅号、服务号、企业号的应用开发工作。 通过本课程的学习，学员能够对微信公众平台有一个清晰的、系统性的认识。例如，公众号是什么，它有什么特点，它能做什么，怎么开发公众号。 其次，通过本课程的学习，学员能够掌握微信公众平台开发的方法、技术和应用实现。例如，开发者文档怎么看，开发环境怎么搭建，基本的消息交互如何实现，常用的方法技巧有哪些，真实应用怎么开发。 通过合理的课程设计，结合讲师多年的教学经验、微信开发经验，轻松引导初学者掌握微信公众平台开发。