首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

new 做了什么?

改进 看过我们的专栏以前文章(JS 原型链)的同学肯定知道,用原型链可以解决重复创建的问题:我们先创建一个「士兵原型」,然后让「士兵」的 __proto__ 指向「士兵原型」 var 士兵原型 = {...function(){ /*Go die*/ }, 攻击:function(){ /*糊他熊脸*/ }, 防御:function(){ /*护脸*/ } } // 保存为文件:士兵.js...然后就可以愉快地引用「士兵」来创建士兵了: var 士兵们 = [] for(var i=0; i<100; i++){ 士兵们.push(士兵(i)) } 兵营.批量制造(士兵们) JS 之父的关怀...JS 之父创建了 new 关键字,可以让我们少写几行代码: 只要你在士兵前面使用 new 关键字,那么可以少做四件事情: 不用创建临时对象,因为 new 会帮你做(你使用「this」就可以访问到临时对象...); 不用绑定原型,因为 new 会帮你做(new 为了知道原型在哪,所以指定原型的名字为 prototype); 不用 return 临时对象,因为 new 会帮你做; 不要给原型想名字了,因为 new

32620

new Vue的时候到底做了什么

然后Vue调用内部的render函数开始解析模板将其解析为一个JS对象也即在内存中生成虚拟DOM也就是Vnode对象。...算法,然后把差异应用到旧的Vnode对象所构建的真正的DOM树上这个过程就是patch,视图就更新了每一个组件在加载时都会调用Vue内部的render函数把该组件的tamplate选项的模板解析为一个JS...循环从两边向中间比较图片DIFF算法的过程:当数据发生改变时,订阅者watcher就会调用patch给真实的DOM打补丁通过isSameVnode进行判断,相同则调用patchVnode方法patchVnode做了以下操作...则删除el子节点如果oldVnode没有子节点而VNode有,则将VNode的子节点真实化后添加到el如果两者都有子节点,则执行updateChildren函数比较子节点updateChildren主要做了以下操作

42640

new Vue的时候到底做了什么_2023-03-13

然后Vue调用内部的render函数开始解析模板将其解析为一个JS对象也即在内存中生成虚拟DOM也就是Vnode对象。...算法,然后把差异应用到旧的Vnode对象所构建的真正的DOM树上这个过程就是patch,视图就更新了 每一个组件在加载时都会调用Vue内部的render函数把该组件的tamplate选项的模板解析为一个JS...图片 DIFF算法的过程: 当数据发生改变时,订阅者watcher就会调用patch给真实的DOM打补丁 通过isSameVnode进行判断,相同则调用patchVnode方法 patchVnode做了以下操作...el子节点 如果oldVnode没有子节点而VNode有,则将VNode的子节点真实化后添加到el 如果两者都有子节点,则执行updateChildren函数比较子节点 updateChildren主要做了以下操作

40510

OC底层探索03-常用的alloc,init,new到底做了什么?OC底层探索03-常用的alloc,init,new到底做了什么?

前言:想必大家对于[xxx alloc] init]非常熟悉了,都知道是创建一个xxx的对象,但是OC底层到底做了什么?...的自定义类 先进入_objc_alloc->callAlloc->alloc,为什么会进入_objc_alloc而不是调用的alloc这就要涉及到llvm中的知识,后续有机会再来解释,可以简单理解为llvm做了一次类似于...init做了什么 - (id)init { return _objc_rootInit(self); } id _objc_rootInit(id obj) { return obj;...做了什么 一般在开发中,初始化除了init,还会使用new,通过源码来看两者本质上并没有什么区别 + (id)new { retur [callAlloc(self, false/*checkNil...*/) init]; } 但是在一般的开发中,如果使用自定的类,这里并不建议使用new,因为这里系统只会调用init方法,对于自定义的initWhitXXX并不会调用。

73440

js new Date() 默认是8点

然后我通过new Date()传入日期字符串创建了一个对象,并与当前时间做时间戳比较,结果12点刚过,就出问题了。...举个栗子 // 假设当前时间是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时区为基准,不过我也没看懂。...@param dateStr * 时间字符串 */ function getDate(dateStr){ /* 若日期是使用-分割的,全部转换成/ 因为只有日期时,js

8.7K30

模拟实现 new 操作符(js)

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

3.5K10
领券