首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

js new一个function都发生了什么

2019-04-10 03:08:56 在ES5当中其实是没有类这个概念的,我们使用js的OOP编程其实是用function模拟了类的实现。...这样我们就实现了一个类的效果,那么new这个function的时候到底都发生了什么呢,为什么fun.name的值就是张三呢,如果我们直接调用TestFun.name会发生什么呢,其实这里会直接输出TestFun...这里就涉及到了作用域的概念,在TestFun中,如果没有new这个关键字,这里的this是指向其上层作用域的。一旦使用new关键字后这个作用域就发生了变化。 我们把TestFun输出看一下。...说了这么多,new到底发生了什么呢? MDN上是这么说的 function Foo(){} var o = new Object(); o....let fun = new Object(); fun.

1.8K30
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    搞清楚 js new

    new 构造函数里的this以及返回值 /** * new 构造函数里面的this * 默认函数里面的this,谁调用就指向谁, * 但是new 构造函数,这个构造函数里面的this指向是new...,则返回值为new 构造函数出来的实例 * 2,如果返回的是一个非基本数据类型的对象(object),则返回值为指定的对象 * 如果new 构造函数里面没有返回值,默认返回undefined,则返回值还是...('test2') console.log(test2); //{age: 18} 没有new得到的是什么 /** * 首先我们看没有new的时候,得到的是什么 * 根据控制台打印,可知没有new...new得到的是什么--------'); var dog = { name: 'husky' } console.log(dog); new做了什么 /** * new做了什么?...(Cat, 'tom1') console.log(cat1); 简化版实现new /** * new做了什么?

    2.4K20

    模拟实现 new 操作符(js)

    js 不是基于 class 这种静态类模式,而是基于原型对象的模式。 所以,在 js 中,new 操作符,其实可以通俗的理解成一个辅助工具,用来辅助函数构造出一个新对象。...得先明确这点,才能知道,的确是可以模拟 new 操作符的。...new 操作符其实就是做了几件事: 创建一个继承自 A.prototype 的空对象 让空对象作为函数 A 的上下文,并调用 A 返回这个空对象 这是基本的 new 使用的场景,那么我们要来模拟实现的话...套用 MDN 对 new 的说明: new 运算符创建一个用户定义的对象类型的实例或具有构造函数的内置对象的实例。...没错,从引擎角度来看,的确是这样处理,但这些内部属性我们并没有办法看到的啊,那对于我们这些写 js 的来说,如何判断一个函数是否能够作为构造函数呢?靠经验积累?

    3.6K10
    领券