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

js new一个function都发生了什么

2019-04-10 03:08:56 在ES5当中其实是没有类这个概念的,我们使用js的OOP编程其实是用function模拟了类的实现。...function TestFun(name){ let age = 10; this.name = name this.getAge = function(){...这样我们就实现了一个类的效果,那么new这个function的时候到底都发生了什么呢,为什么fun.name的值就是张三呢,如果我们直接调用TestFun.name会发生什么呢,其实这里会直接输出TestFun...说了这么多,new到底发生了什么呢? MDN上是这么说的 function Foo(){} var o = new Object(); o....但是一般情况下如果function没有return的时候这是一个正常的流程,如果function return了一个Object类型,则new完成以后则会返回这个object,如果是非Object(string

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

    js中(function(){})()的写法用处

    以前看到老师写js的单例模式时疑惑为什么要这么写 var singleton = (function () { var privateVariable; function privateFunction...)... } }; }()); 后来查了下资料,js中(function(){…})()立即执行函数写法理解,终于了解了。...来来来,首先嘛,JS中函数有两种命名方式 1、一种是声明式。 而声明式会导致函数提升,function会被解释器优先编译。即我们用声明式写函数,可以在任何区域声明,不会影响我们调用。...function XXX(){}1 2、一种是函数表达式 函数表达式我们经常使用,而函数表达式中的function则不会出现函数提升。而是JS解释器逐行解释,到了这一句才会解释。...var fn2 = function(){}();//对,就是这样 function fn1(){}();//{}会被忽略 而平常的function(){}则是一种声明式,如果加上()括号后,则会被编译器认为是函数表达式

    3.5K00

    js new Date() 默认是8点

    举个栗子 // 假设当前时间是2019年12月22日0点20分 new Date('2019-12-22').getTime() < new Date().getTime() // 上面的结果是什么?...当时临时解决问题后的字符串大概长这样: new Date('2019/12/22 00:00:00').getTime() < new Date().getTime() 临时解决问题。...那么为什么js会对不同分割的时间字符串进行不同处理呢?貌似是因为-分隔且具有前导0的日期字符串,会被解析成ISO格式的字符串,以GMT时区为基准,不过我也没看懂。...动手解决: /** * 将时间字符串转换成date对象 * @param dateStr * 时间字符串 */ function getDate(dateStr){ /* 若日期是使用-...分割的,全部转换成/ 因为只有日期时,js会将-分割的字符串基准时区设置为GMT,与当前时区相差8小时 */ dateStr = dateStr.replace(/-/g

    8.9K30

    模拟实现 new 操作符(js)

    js 不是基于 class 这种静态类模式,而是基于原型对象的模式。 所以,在 js 中,new 操作符,其实可以通俗的理解成一个辅助工具,用来辅助函数构造出一个新对象。...new 的职责 function A() { this.a = 1; } A.prototype.b = 1; var a = new A(); // {a: 1} a.b; // 1 所以,以上这种场景的...,这几件事就得自己处理: function _new(Fn, ...args) { // 1....那么返回内部创建的新对象 所以,要完整模拟一个 new 的工作,还得完成上面两点,先来看看对返回值的处理,很简单: function _new(Fn, ...args) { // 1....没错,从引擎角度来看,的确是这样处理,但这些内部属性我们并没有办法看到的啊,那对于我们这些写 js 的来说,如何判断一个函数是否能够作为构造函数呢?靠经验积累?

    3.6K10

    JS面向对象二:this原型链new原理

    JS面向对象二:this/原型链/new原理 阮一峰JavaScript教程:面向对象编程 阮一峰JavaScript教程:实例对象与 new 命令 阮一峰JavaScript教程:this 关键字 也可以看看这篇文章周大侠啊...但是由于回调函数的调用者往往不是我们自己,而是回调函数的接收者,即某个库或框架、甚至是JS运行时环境。...文中: **No. 1:Object.prototype No. 2:Function.prototype** 还有这几篇文章也不错: 「每日一题」什么是 JS 原型链?...- 方应杭的文章 - 知 周大侠啊 进击的 JavaScript 之 (七) 原型链 周大侠啊 进击的 JavaScript (八) 之 继承 new() 看看这篇文章很清楚: JSnew 到底是干什么的...function New(proto){ //proto 为传进来的构造函数 var obj = {}; obj.

    2K30

    JSnew操作符做了什么?

    1.new操作符做了什么new 运算符创建一个用户定义的对象类型的实例或具有构造函数的内置对象的实例。...new 关键字会进行如下的操作: 创建一个空的简单JavaScript对象(即{}); 链接该对象(即设置该对象的构造函数)到另一个对象 ; 将步骤1新创建的对象作为this的上下文 ; 如果该函数没有返回对象...2.简单实现function create(Con, …args){ // 创建一个空的对象 let obj = Object.create(null); // 将空对象指向构造函数的原型链 Object.setPrototypeOf...obj绑定到构造函数上,便可以访问构造函数中的属性,即obj.Con(args) let result = Con.apply(obj, args); // 如果返回的result是一个对象则返回 // new...result : obj; }// 测试 function company(name, address) { this.name = name; this.address = address; }var

    1.6K00
    领券