JavaScript构造函数中this和return详细介绍
程序员文章站
2022-03-15 16:09:19
...
本文通过实例代码给大家介绍了JS构造函数中this和return,需要的朋友参考下吧
先看一段代码,
function Foo(name,age){ this.name=name; this.age=age; } var foo=new Foo("Tom",14); foo.name;//Tom foo.age;//14
使用构造函数实例化发生的流程:
1.建立一个foo的空对象。
2.将构造函数中的Foo的this指向对象foo。
3.foo的_proto_属性指向Foo函数的prototype原型。
4.执行构造函数中的代码。
相对于普通函数,构造函数中的this是指向实例的,而普通函数调用中的this是指向windows的。
构造函数中如果加入了return的话,分两种情况
function Foo(name,age){ this.name=name; this.age=age; return {name:"Jeff"} } var foo=new Foo("Tom",14); foo.name;//Jeff
1.return的是五种简单数据类型:String,Number,Boolean,Null,Undefined。
这种情况下,忽视return值,依然返回this对象。
2.return的是Object。
这种情况下,不再返回this对象,而是返回return语句的返回值。
以上就是JavaScript构造函数中this和return详细介绍的详细内容,更多请关注其它相关文章!
下一篇: 浅谈JavaScript构造函数
推荐阅读
-
详解JS构造函数中this和return
-
JavaScript中的回调函数的基本理解和实例介绍
-
JavaScript 中定义函数用 var foo = function () {} 和 function foo()区别介绍
-
javascript中构造函数和prototype属性
-
Javascript中的回调函数和匿名函数的回调示例介绍_javascript技巧
-
JavaScript中的console.time()函数详细介绍_javascript技巧
-
javascript - js里面首字母大写的“构造函数”和一个类中双下划线开头的“构造函数”的区别?
-
JavaScript中的匀速运动和变速(缓冲)运动详细介绍_基础知识
-
详细介绍ThinkPHP中类的构造函数_construct()与_initialize()的区别
-
javascript中构造函数和实例化对象是什么?