【Javascript】构造函数之new的作用

这篇具有很好参考价值的文章主要介绍了【Javascript】构造函数之new的作用。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

目录

new的作用

把对象返回了回来

无new

有new 

 文章来源地址https://www.toymoban.com/news/detail-721896.html

把构造函数的this指向了要返回的对象 

 无new​编辑

有new

new的执行流程


new的作用

  • 创建了新空对象
  • 将构造函数的作用域赋值给新对象(this指向新对象)
  • 执行构造函数代码 (为这个新对象添加属性)
  • 返回新对象

把对象返回了回来

无new

【Javascript】构造函数之new的作用,Javascript,javascript,前端,开发语言

【Javascript】构造函数之new的作用,Javascript,javascript,前端,开发语言

有new 

unction person(obj){
      this.name=obj.name;
      this.age=obj.age;
      this.sex=obj.sex;
  }
var person1=new person({
    name:'张三',
    age:18,
    sex:'男',

});
  console.log(person1);

【Javascript】构造函数之new的作用,Javascript,javascript,前端,开发语言 

 

当我们定义一个函数的时候,如果这个函数没有return值的话,这时使用这个函数的话

function f(){

  }
  console.log(f());

【Javascript】构造函数之new的作用,Javascript,javascript,前端,开发语言

把构造函数的this指向了要返回的对象 

 无new

无new的情况,打印一下this的 指向

 【Javascript】构造函数之new的作用,Javascript,javascript,前端,开发语言

 结果显示,在无new的情况下,控制台打印出了window的全局作用域

有new

 【Javascript】构造函数之new的作用,Javascript,javascript,前端,开发语言

 【Javascript】构造函数之new的作用,Javascript,javascript,前端,开发语言

 在有new的情况下,this指定了要返回的对象

new的执行流程

【Javascript】构造函数之new的作用,Javascript,javascript,前端,开发语言

【Javascript】构造函数之new的作用,Javascript,javascript,前端,开发语言

在执行new的时候,创建了一个空对象{ }, 将构造函数的作用域this指定了对象

然后返回this指定的对象

 

到了这里,关于【Javascript】构造函数之new的作用的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • JavaScript高级二、构造函数&常用函数

    1、深入对象 (1)创建对象三种方式 利用对象字面量创建对象 利用 new Object 创建对象 利用构造函数创建对象 案例如下: (2)构造函数 **构造函数 :**是一种特殊的函数,主要用来 快速初始化 类似的 对象 构造函数语法 使用 new 调用函数的行为被称为 实例化 实例化

    2024年02月07日
    浏览(32)
  • 【JavaScript】创建和使用构造函数

    在 JavaScript 中,构造函数是一种特殊的函数,用于创建和初始化对象。通过构造函数,你可以定义自己的对象类型,并在创建新对象时进行一些初始化操作。本篇博客将介绍构造函数的概念、创建方式、使用方法以及一些最佳实践。 构造函数是一种特殊类型的函数,用于创建

    2024年02月21日
    浏览(27)
  • 【JavaScript笔记】面对对象与构造函数

    了解面向对象编程中的一般概念 能够基于构造函数创建对象 理解 JavaScript 中一切皆对象的语言特征 理解引用对象类型值存储的的特征 掌握包装类型对象常见方法的使用 了解面向对象的基础概念,能够利用构造函数创建对象。 1. 构造函数 构造函数是专门用于创建对象的函

    2024年02月11日
    浏览(29)
  • JavaScript中如何通过 new Function 创建 async 函数

    我喜欢的一点是,有很多方法可以完成相同的任务,其中一个例子就是创建函数。函数有几种模式;您看到的最后使用的模式之一是  new Function  方法: 如果您想使用此  new Function  方法创建一个异步函数,该怎么办?你需要聪明一点,多亏了MDN,我们有了答案: `Object.ge

    2024年02月13日
    浏览(39)
  • JavaScript系列从入门到精通系列第二十篇:使用工厂方法创建JavaScript对象,JavaScript构造函数详解,JavaScript类概念的介绍

    文章目录 一:使用工厂方法创建对象 1:原始写法 2:工厂方式 3:结果验证  二:构造函数 1:什么是构造函数 2:构造函数和普通函数的区别 3:构造函数的执行流程 三:类 1:什么是类 2:如何检查一个对象是否是个类的实例 3:Object的地位 四:构造函数修改 1:重大问题

    2024年02月08日
    浏览(30)
  • 【前端|Javascript第3篇】探秘JavaScript的作用域与作用域链:小白也能轻松搞懂!

    大家好!欢迎来到本篇博客,今天我们将解开JavaScript编程世界中的一道神秘面纱:作用域与作用域链。很多Javascript开发者并不真正理解它们,但这些概念对掌握Javascript至关重要。如果你对这些概念感到困惑,不要担心!本文将以通俗易懂的方式,用趣味横生的例子,为你详

    2024年02月13日
    浏览(31)
  • JavaScript(函数,作用域和闭包)

    类似于Java中的方法,是完成特定任务的代码语句块 特点 使用更简单 不用定义属于某个类,直接调用执行 分类 系统函数 自定义函数 1.将字符串转换为整型数字 js示例1 从下标为0起,依次判断每个字符是否可以转换为一个有效数字 如果不是有效数字,则返回NaN,不再继续执

    2024年02月10日
    浏览(28)
  • JavaScript中的时间日期函数new Date()(JS中5种获取时间戳的函数)

    简介: JavaScript 中的 new Date() 方法用于创建一个新的 Date 对象,该对象表示当前日期和时间。Date 对象提供了许多方法和属性,可以用于获取和设置日期和时间信息。 new Date([year, month, day, hour, minute, second, millisecond]) 其中,每个参数都是可选的。如果没有指定参数,则 new Dat

    2024年02月04日
    浏览(45)
  • [JavaScript] 第五章 函数、事件处理、作用域

    春花秋月何时了,往事知多少。此付费专栏不要订阅,不要订阅,听人劝。 🌹作者主页:青花锁 🌹简介:Java领域优质创作者🏆、Java微服务架构公号作者😄 🌹简历模板、学习资料、面试题库、技术互助 🌹文末获取联系方式 📝 [Java项目实战] 介绍Java组件安装、使用;手

    2024年02月03日
    浏览(32)
  • JavaScript Es6_2笔记 (深入对象 + 内置构造函数 + 包装类型)+包含实例方法

    了解面向对象编程的基础概念及构造函数的作用,体会 JavaScript 一切皆对象的语言特征,掌握常见的对象属性和方法的使用。 了解面向对象编程中的一般概念 能够基于构造函数创建对象 理解 JavaScript 中一切皆对象的语言特征 理解引用对象类型值存储的的

    2024年02月12日
    浏览(38)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包