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

    搞清楚 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运算符

    在 JavaScript 中,new 运算符创建一个用户定义的对象类型的实例或具有构造函数的内置对象的实例。创建一个对象很简单,为什么我们还要多此一举使用 new 运算符呢?它到底有什么样的魔力?...认识 new 运算符 通过下面的例子理解 new 运算符: function Person (name) { this.name = name } Person.prototype.getName...通过 new Person('joe') 得到的新对象 joe 继承了 Person 的属性,同时,this 也指向 joe 实例。...因此,通过 new 创建的实例对象和构造函数之间建立了一条原型链,并通过原型链赋予实例对象继承属性的能力。...new 的原理和实现 通过上面的分析,new 运算符内部做了如下四个操作: 创建一个空的简单 JavaScript 对象(即{}); 链接新对象(即设置该新对象的构造函数)到函数对象; 将新创建的对象作为

    40410

    深入理解New操作符

    前言 当我们对函数进行实例化时,需要用new操作符来实现。那么,对于它的底层实现原理你是否清楚呢?本文就跟大家分享下它的原理并用一个函数来模拟实现它,欢迎各位感兴趣的开发者阅读本文。...原理分析 我们通过一个具体的例子来看下一个函数在new之后都能做些什么,如下所示: function Person(name, age) { this.name = name; this.age...在深入理解原型链与继承文章中,我们知道实例的 __proto__属性会指向构造函数的prototype,建立起这样的关系后,实例才可以访问原型上的属性。...假设函数没有返回值或者返回值是一个字符串类型时,执行结果如下所示: image-20221005222833333 当函数的返回值是一个对象时,执行结果如下所示: image-20221005222930129 代码地址 本文为《JS...原理学习》系列的第7篇文章,本系列的完整路线请移步:《JS原理学习 (1) 》学习路线规划 本系列文章的所有示例代码,请移步:js-learning 写在最后 至此,文章就分享完毕了。

    28930

    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() 临时解决问题。...那我就可以这样理解了,创建时间时,它默认时间确实是0点,但是是以GMT为基准的,所以将其转换成本地时间就是8点。而/分割的字符串在创建时,则是以本地时区为基准。...那么为什么js会对不同分割的时间字符串进行不同处理呢?貌似是因为-分隔且具有前导0的日期字符串,会被解析成ISO格式的字符串,以GMT时区为基准,不过我也没看懂。...@param dateStr * 时间字符串 */ function getDate(dateStr){ /* 若日期是使用-分割的,全部转换成/ 因为只有日期时,js

    8.9K30

    模拟实现 new 操作符(js)

    首先需要理解,JavaScript 中的构造函数跟 Java 中的构造函数性质是不一样的。js 不是基于 class 这种静态类模式,而是基于原型对象的模式。...所以,在 js 中,new 操作符,其实可以通俗的理解成一个辅助工具,用来辅助函数构造出一个新对象。所以,我们才能够来模拟实现它,因为它其实通俗理解,就是一个工具函数。...得先明确这点,才能知道,的确是可以模拟 new 操作符的。...套用 MDN 对 new 的说明: new 运算符创建一个用户定义的对象类型的实例或具有构造函数的内置对象的实例。...没错,从引擎角度来看,的确是这样处理,但这些内部属性我们并没有办法看到的啊,那对于我们这些写 js 的来说,如何判断一个函数是否能够作为构造函数呢?靠经验积累?

    3.6K10

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

    JS面向对象二:this/原型链/new原理 阮一峰JavaScript教程:面向对象编程 阮一峰JavaScript教程:实例对象与 new 命令 阮一峰JavaScript教程:this 关键字 也可以看看这篇文章周大侠啊...但是由于回调函数的调用者往往不是我们自己,而是回调函数的接收者,即某个库或框架、甚至是JS运行时环境。...答案:Object 原型链 我终于明白了原型链: 仔细看下面这篇文章,就能明白原型链的构造问题: JavaScript 世界万物诞生记 个人理解: 原型链要分为两个部分,原型和链,原型就是一个实例对象,...文中: **No. 1:Object.prototype No. 2:Function.prototype** 还有这几篇文章也不错: 「每日一题」什么是 JS 原型链?...- 方应杭的文章 - 知 周大侠啊 进击的 JavaScript 之 (七) 原型链 周大侠啊 进击的 JavaScript (八) 之 继承 new() 看看这篇文章很清楚: JSnew 到底是干什么的

    2K30

    理解js的this

    的绑定和定义的位置(编写的位置)没有关系; 3.this的绑定和调用方式以及调用的位置有关系; 4.this是在运行时被绑定的; this绑定规则 默认绑定 在独立函数调用的情况下使用默认绑定 独立的函数调用我们可以理解成函数没有被绑定到某个对象上进行调用...(); // foo对象, 说明new绑定优先级更高 new绑定优先级高于bind new绑定和call、apply是不允许同时使用的,所以不存在谁的优先级更高 function foo() { console.log...is not a constructor new绑定可以和bind后的函数同时使用 function foo() { console.log(this); } var obj = { name...: "obj" } // var foo = new foo.call(obj); var bar = foo.bind(obj); var foo = new bar(); // 打印foo, 说明使用的是...new绑定 优先级总结 new绑定 > 显示绑定(bind)> 隐式绑定 > 默认绑定 规则之外 忽略显示绑定 如果在显示绑定中,我们传入一个null或者undefined,那么这个显示绑定会被忽略,使用默认规则

    3K30
    领券