Foo.getName

最新推荐文章于 2022-04-13 09:32:58 发布
最新推荐文章于 2022-04-13 09:32:58 发布
阅读量264 收藏 3
点赞数 4
分类专栏： Javascript Exercises
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/SeriousLose/article/details/115422975
版权 
<!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>
  <body></body>
</html>
<script>
  function Foo() {
    console.log(this)
    getName = function () {
      console.log(1);
    };
    getName1 = function () {
      console.log(6);
    };
    return this;
    // return 1;
  }

  Foo.getName = function () {
    console.log(2);
  };
  Foo.prototype.getName = function () {
    console.log(3);
  };
  var getName = function () {
    console.log(this);
    console.log(4);
  };

  function getName() {
    console.log(5);
  }

  Foo.getName(); // 2
  // Foo为一个函数对象，对象都可以有属性
  // 直接调用 Foo.getName()方法,输出2

  // Foo.getName1();
  // 报错....Foo上无该方法;

  getName(); // 4
  /*
    var getName = function () {
      console.log(this);
      console.log(4);
    };
    var getName 声明变量提升;

    function getName() {
      console.log(5);
    }
    函数声明提升;
    getName = function() {
      console.log(5);
    }

    getName变量赋值,覆盖getName函数;

    执行顺序为
    var getName = undefined;

    getName = function() {
      console.log(5);
    }

    变量重新赋值
    getName = function () {
      console.log(4);
    }
   */

  Foo().getName(); // 1
   // Foo() // return 1 测试使用

  // 在Foo内部将全局的getName重新赋值为 console.log(1) 的函数，
  // 执行Foo()返回 this，这个this指向window，
  // Foo().getName() 即为window.getName()，输出 1

  // Foo() => window.Foo(); 所以内部this为window
  // 函数内部的 return this(并不是this的问题,哪怕是return 1也是同样的) 把整个函数内容返回到了上层作用域


  getName(); // 1
  // window.getName()，输出 1

  getName1(); // 6
  // window.getName1(), 输出6

  new Foo.getName(); // 2
  // 先执行了new (Foo.getName()),Foo.getName()方法后,输出2;

  new Foo().getName(); // 3
  //  (new Foo()).getName()
  // 先new一个Foo的实例，再执行这个实例的getName方法，
  // 但是这个实例本身没有这个方法，所以去原型链__protot__上边找，实例.__protot__ === Foo.prototype，所以输出 3。
  //  带参数列表 与 成员访问 的优先级相同，
  // 按照运算符规则（同一优先级，按照从左向右的执行顺序），
  // new Foo().getName()先执行new Foo()，再对new之后的实例进行成员访问.getName()操作。

  new new Foo().getName(); // 3
  // new (new Foo().getName())

  // new Foo() 属于new（带参数列表）
  // new Foo属于new（无参数列表）

</script>

源码

SeriousLose
关注
  • 4
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
js中的经典题Foo.getName
苏苏的博客
10-24 1840
js中的经典题Foo.getNameFoo.getName所涉及到的知识点先看看题目代码： Foo.getName所涉及到的知识点 先看看题目代码： function Foo() { getName = function () { alert(1); } return this; } Foo.getName = function () { alert(2); } Foo.prototype.getName = function () { alert(3); } var getName = function
Foo和getName的那些事儿
好好学习的博客
07-21 942
参考博客 此题涉及的知识点：声明提升和提升优先级、构造函数返回值问题、js运算符优先级、实例化对象的属性访问优先级、逻辑运算符运算 题目： // 方式1：创建了一个有返回值的构造函数，在里面定义了全部变量getName指向一个匿名函数（小心闭包） function Foo() { getName = function () { console.log(1); } return this; } // 方式2：
FOO和Foo.getName
The_upside_of_down的博客
11-15 352
function Foo(){ getName = function() { console.log(1); }; return this; } Foo.getName = function () { console.log(2); }; Foo.prototype.getNa...
一道经典的js面试题Foo.getName()
RoddyLD的博客
05-23 557
一道经典的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()
weixin_45798469的博客
05-15 790
function Foo() { getName = function () { console.log (1); }; // console.log('this is'+this) return this; } Foo.getName = function () { console.log (2); }; Foo.prototype.getName = function () { console.log('baidu'.
function Foo () { getName = function () { console.log(1); } return this; } Foo.getName = function () { console.log(2); }解析
最新发布
05-22
这段代码定义了一个名为 `Foo` 的函数，并在其上面添加了一个静态方法 `getName`。此外，在 `Foo` 函数内部定义了一个变量 `getName`，并将其赋值为一个新的函数。 - 当我们调用 `Foo.getName()` 时，控制台会输出 ...
Foo.getName()的二三事
mcYang0929的博客
06-12 580
最近偶然间翻起来一道js题，比较经典，鉴于自己有些遗忘，特此记录一下。 题目如下： function Foo() { getName = function () { console.log (1); }; console.log('this is'+this) return this; } Foo.getName = function () { console.l...
前端经典面试题：Foo与getName()
fish_skyyyy的博客
08-02 815
这是一道关于前端的很经典的面试题： function Foo() { getName = function () { console.log(1) }; return this } Foo.getName = function () { console.log(2) } Foo.prototype.getName = function () { console.log(3) } var getName = function () { conso
Foo.getName经典面试题
SevenLee的个人博客
01-09 187
https://blog.csdn.net/mongo__/article/details/72810338https://juejin.cn/post/6844904033312833550https://www.cnblogs.com/xxcanghai/p/5189353.htmljs Foo.getName()
Foo,getName题解分析
邱先生的博客
10-11 2757
题目 function Foo() { getName = function () { alert (1); }; return this; } Foo.getName = function () { alert (2);}; Foo.prototype.getName = function () { alert (3);}; var getName = function () { alert...
经典面试变量声明提前-Foo.getName
shimeifang11的博客
04-02 277
function Foo() { var getName = function() { console.log(1); }; return this; } Foo.getName = fu...
js面试题Foo.getName()的故事
热门推荐
mongo__的博客
05-30 1万+
首先声明下：此题是本人面试时笔试题中的一道，回来一搜居然雷同，纯属偶然，特写此篇来整理一下思绪。。。 原题： function Foo() { getName = function () { console.log (1); }; console.log('this is'+this) return this; } Foo.getName =
new new Foo().getName()面试题解析
卡卡西：一个擅长拷贝的前端程序员
08-12 2396
经典面试题 Foo().getName() 解析题目如下，写出输出内容（注释：abcde为步骤标号，便于下边分析定位） 解析：1. Foo.getName(); // 2Foo为一个函数对象，对象都可以有属性，题目 b 处定义Foo的getName属性为函数，输出2 2. getName(); // 4这里看d、e处，d为函数表达式，e为函数声明，两者区别在于变量提升，这两处可以等价于 可见函数声明的 5 会被后边函数表达式的 4 覆盖。 3. Foo().getName(); // 1这里要看
Foo.getName()的输出问题
weixin_50736511的博客
04-13 530
<script> function Foo() { getName = function () { alert(1); }; return this; } Foo.getName = function () { alert(2); }; Foo.prototype.getName = function () { alert(3); }; var getName = function () { alert(4); }; function getNam
new Foo().getName()经典面试题
乐观李菇凉
11-25 1196
一道经典的面试题，下面用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
前端面试：经典面试题Foo与getName()
小隐的博客
05-12 2388
从一道面试题出发 按照惯例，还是从面试题出发。（日常面向面试学习 ???? ） function Foo(){ getName = function(){ console.log(1); } return this; } var getName; function getName(){console.log(5);} Foo.getName = function(){console.log(2);} Foo.prototype.getName = function(){console.l
经典的javascript面试题
u014651643的博客
02-18 690
题目如下： [js] view plaincopy function Foo() {    getName = function () { alert (1); };    return this;   }   Foo.getName = function () { alert (2);};   Foo.prototype.getName 
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值