new new Foo().getName()的执行情况

最新推荐文章于 2022-08-24 11:01:04 发布
最新推荐文章于 2022-08-24 11:01:04 发布
阅读量784 收藏 2
点赞数 1
分类专栏： 大前端 文章标签： javascript es6
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_40599109/article/details/106817032
版权

首先new Foo()得到一个空对象{}

第二步向空对象中添加一个属性getName，值为一个函数

第三步new {}.getName()

源代码等价于 var bar = new (new Foo().getName)(); console.log(bar)
​先new Foo得到的实例对象上的getName方法，
再将这个原型上getName方法当做构造函数继续new ，
​所以执行原型上的方法,打印3

参照：js的运算符优先级在这里插入图片描述

优先级：new（带参数列表）> 函数调用 > new(无参数列表)

原题目

function Foo() {
   
    getName = function
最低0.47元/天 解锁文章
大唐荣华
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
new new Foo().getName()；笔试考题；优先级等问题
weixin_43869439的博客
03-04 1343
一道看似简单的面试题，其中考察了很多知识点 例如：js优先级运算符 变量声明提升 原型 this指向 //写出以下输出结果 function Foo() { getName = function () { alert (1); }; return this; } Foo.getName = function () { alert (2);}; Foo.prototype.getName = ...
new new Foo().getName()面试题解析
卡卡西：一个擅长拷贝的前端程序员
08-12 2361
经典面试题 Foo().getName() 解析题目如下，写出输出内容（注释：abcde为步骤标号，便于下边分析定位） 解析：1. Foo.getName(); // 2Foo为一个函数对象，对象都可以有属性，题目 b 处定义Foo的getName属性为函数，输出2 2. getName(); // 4这里看d、e处，d为函数表达式，e为函数声明，两者区别在于变量提升，这两处可以等价于 可见函数声明的 5 会被后边函数表达式的 4 覆盖。 3. Foo().getName(); // 1这里要看
一道经典new new Foo().getName()面试题解析
青山不改，绿水长流。
08-24 390
这里等价于 (new Foo()).getName(), 先new一个Foo的实例，再执行这个实例的getName方法，所以去原型链[[Prototype]]上边找，实例.[[Prototype]] === Foo.prototype,Foo.prototype.getName = function () {alert(3);可以解析为new (new Foo().getName) () 先new Foo().getName 此时getName没有被调用，然后调用先输出。...
new Foo().getName()经典面试题
乐观李菇凉
11-25 1162
一道经典的面试题，下面用a b c d 标注方便讲解 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> &l
new new Foo().getName() 一道前端面试题引发的思考
weixin_30480583的博客
06-07 285
今天想着邻近毕业季，估计又会有很多稀奇古怪的面试题，看掘金社区的时候看到一道贼有意思的题，一开始看的十分懵逼，后来捋了捋，将心得总结一下。 function Foo() { getName = function () { console.log(1); } return this; } Foo.getName = functi...
Fel表达式引擎.pdf
10-14
FelEngine.instance.eval("$('com.greenpineyu.test.Foo.new').toString()"); 4. 语法 Fel表达式引擎的语法非常简单，基本和Java语法相同。Fel语法是Java语法的一个子集，支持的运算符有限。 4.1 常量 Fel表达式...
JSP 語法詳解.doc
01-16
if (foo.getName() != null) { ... } } %> ``` 脚本片段可以包含复杂的逻辑，如循环、条件判断等。但是，为了避免过多的Java代码混杂在HTML中，通常推荐使用JSP动作标签或自定义标签来提高代码的可读性和维护性...
JS匿名函数内部this指向问题详析
10-17
foo.getName.call(window); // 输出 "global"，与上一行相同 (function() { console.log(this.name) }.bind(bar))(); // 输出 "bar"，bind方法创建了一个新函数，确保this指向bar (function() { console.log...
Java 高级特性.doc
05-30
下面的代码执行时将有问题： User user1 = new User(); User user2 = new User(); user1.setName("abc"); user2.setName("abc"); System.out.println(user1.equals(user2)); HashSet set = new HashSet(); ...
xmlpull_1_0_5_all.zip
01-17
xpp.setInput ( new StringReader ( "<foo>Hello World!</foo>" ) ); int eventType = xpp.getEventType(); while (eventType != xpp.END_DOCUMENT) { if(eventType == xpp.START_DOCUMENT) { System.out....
JS实现New运算符
侯阮悦的博客
08-05 432
首先需要去搞懂new运算符背后的原理，当new Object()时具体发生了什么。 举一个简单的例子： function foo(){ } var obj = new foo() 那么这句代码到底做了什么工作呢，可简述为以下 创建一个空对象obj，它继承于foo.prototype 构造函数foo被执行，上下文（this）被指定给新的对象obj 返回新创建的对象obj 由于foo中没有参数设置，所以忽略了参数传递的过程。 通过这个简单的例子，new运算符的过程为 创建一个新的对象 将构造
new Foo 和 new Foo()的区别以及Foo f2()的问题
dabusideqiang的专栏
09-11 2081
问题是：在C++中，以下两者有何不同 new Foo;new Foo(); 两者都是正确的语句，它们都返回一个指针，指向新创建的Foo（存放在堆中）。但是，当Foo是POD类型时，它们的表现有所不同。 PS：POD类型是指一个类或对象，其成员是原生数值类型（int, unsigned char, float, bool等等）或者另外一个POD类型。POD对象看起来像C语言风格的结
一道经典的js面试题Foo.getName()
RoddyLD的博客
05-23 519
一道经典的js面试题Foo.getName();getName();Foo().getName();getName();new Foo().getName();new Foo().__proto __.getName();new Foo.getName();new new Foo().getName() 题目如下： <script> // 代码块1：一个构造函数，里面有个全部变量getName 指向一个匿名函数 function Foo(){ //getName并没有使用关
js面试题Foo.getName()的故事
热门推荐
mongo__的博客
05-30 1万+
首先声明下：此题是本人面试时笔试题中的一道，回来一搜居然雷同，纯属偶然，特写此篇来整理一下思绪。。。 原题： function Foo() { getName = function () { console.log (1); }; console.log('this is'+this) return this; } Foo.getName =
当new Foo()时发生了什么
dizhi6587的博客
08-12 208
1、创建了一个新对象 2、将新创建的空对象的隐式原型指向其构造函数的显示原型 3、将this指向这个新对象 4、如果无返回值或者返回一个非对象值，则将新对象返回； 如果返回值是一个新对象的话，那么直接返回该对象。 转载于:https://www.cnblogs.com/sunww/p/11338804.html...
一道考察运算符优先级的JS面试题
izwell的博客
09-30 737
文章目录题目分析1. Foo.getName()2 .getName3. Foo().getName()4. getName()5. new Foo.getName()6. new Foo().getName()7. new new Foo().getName()小结 最近遇到一个有意思的js相关的题目，看了网上的一些讲解，感觉不是那么靠谱。自己查阅资料后，做了一下总结。 题目 functi...
new 和this 的一些小总结
Mr_xwb的博客
08-24 475
#new 对于new来讲 需要注意下运算优先级 function foo(){   return this; } Foo.getName = function(){     console.log("1") }; Foo.prototype.getName = function(){     console.log('2') } new Foo.getName();//-&gt;1 new ...
function Foo () { getName = function () { console.log(1); } return this; } Foo.getName = function () { console.log(2); }解析
最新发布
05-22
- 当我们执行 `var foo = new Foo()` 时，实际上 `Foo()` 函数返回了 `this`，也就是 `window` 对象（在浏览器环境下）。此时 `foo` 变量指向 `window` 对象。 - 当我们调用 `foo.getName()` 时，控制台会输出 `1`...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值