js之构造函数

最新推荐文章于 2022-02-17 15:52:46 发布
最新推荐文章于 2022-02-17 15:52:46 发布
阅读量192 收藏 1
点赞数 1
文章标签： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_48769418/article/details/108279000
版权

构造函数

  • 构造函数就是一个普通的函数，创建方式和普通函数没有 区别，不同的是构造函数习惯首字母大写
  • 构造函数和普通函数的区别就是调用方式的不同
    普通函数就是直接调用，而构造函数就是使用new关键字
  • 构造函数的执行过程
    1、立刻创建一个新的对象
    2、将新建的对象设置为函数的this，在构造函数中可以使用this来引用新建的对象
    3、逐行执行函数的代码
    4、将新建的对象作为返回值返回
    在这里插入图片描述
  • 使用同一个构造函数创建的对象，称为一类对象，也将构造函数称为一个类
  • 将通过构造函数创建的对象，称为该类的实例
  • 使用instanceof可以检查一个对象是否是一个类的实例
    语法：
    对象 instanceof 构造函数
    如果是返回true，如果不是返回false

console.log(per instanceof Person); //用来检查对象是否是一个类的实例

  • 所有的对象都是Object的后代
    所以任何对象做instanceof检查时都会返回true

  • 当以调用函数的形式调用时，this就是window

  • 当以调用方法的形式调用时，谁调用的this就是谁

  • 当以构造函数的形式调用时，this就是新创建的那个对象
    在这里插入图片描述
    创建一个Person构造函数
    在Person构造函数中，为每一个对象都添加一个sayName()方法
    目前我们的方法都是在构造函数内部创建的
    也就是说函数每执行一次就会创建一个新的sayName()方法
    所有的实例sayName都是唯一的
    这样就导致函数每执行一次就创建一个新的方法, 而且方法都是一模一样
    这是完全没有必要的，完全可以使所有对象共享同一个方法

在这里插入图片描述
将方法在全局作用域中定义，这样不管函数执行多少次，方法只会创建一次

Yhuanbo
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Javascript 构造函数详解
10-25
1. **new关键字**：务必在调用构造函数时使用`new`关键字，否则`this`将会指向全局对象（在浏览器环境中是`window`，在Node.js环境中是`global`），可能导致意料之外的结果。通常，构造函数的名称会遵循驼峰命名法，...
JS构造函数的执行过程
01-08
什么是构造函数 通过new操作符调用的函数为构造函数，会构造出一个类的实例 一个函数直接调用则为普通函数调用方式，用new调用则为构造函数调用方式 function Fn(name,age){ let n = 5; this.name=name; this.age...
js笔记--调用构造函数
big_minggogo的博客
02-17 800
要创建 Person 的实例，应使用 new 操作符。以这种方式调用构造函数会执行如下操作。 (1) 在内存中创建一个新对象。 (2) 这个新对象内部的[[Prototype]]特性被赋值为构造函数的 prototype 属性。 (3) 构造函数内部的 this 被赋值为这个新对象（即 this 指向新对象）。 (4) 执行构造函数内部的代码（给新对象添加属性）。 (5) 如果构造函数返回非空对象，则返回该对象；否则，返回刚创建的新对象。 ...
JavaScript中以构造函数的方式调用函数
YY383803220的博客
10-31 201
　　构造器函数（Constructor functions）的定义和任何其它函数一样，我们可以使用函数声明、函数表达式或者函数构造器（见以前的随笔）等方式来构造函数对象。函数构造器和其它函数的区别在与它们的调用方式不同。 　　要以构造函数的方式调用函数，只需要在调用时在函数名称前加new 关键字，比如：function whatsMyContext(){ return this; };...
js定义函数构造及调用方法
asdhls的博客
06-17 823
js定义函数方法 1、定义命名函数 ==>最大作用是将需要的重复代码块进行定义，提供更好的代码复用性； function test(parameter_list){ democode； } 2、匿名函数 =》将函数当做一个变量 var add = function(paramerer_list){ democode; }; add(5,6); 3、使用js中的内置对象，Function var add = new Function(“参数列表”, “方法体及返回值”); js函数调用方法
js构造函数、原型与继承深入
weixin_46351593的博客
09-18 253
文章目录构造函数、原型、继承构造函数定义构造函数调用构造函数构造函数的返回值引用构造函数this指针this安全策略绑定函数使用bind链式语法原型定义原型访问原型设置原型检测原型原型属性和私有属性应用原型原型链原型继承扩展原型方法类型构造原型动态原型工厂模式类继承 构造函数、原型、继承 js是基于对象，但不完全面向对象的编程语言。在面向对象的编程模式中，有两个核心概念：对象和类。在ECMAScript6规范之前，js没有类的概念，仅允许通过构造函数来模拟类，通过原型实现继承。 【学习重点】 理解构造函数
js中以构造函数方式调用函数
hanburan的博客
02-22 7460
构造器函数（Constructor functions）的定义和任何其它函数一样，我们可以使用函数声明、函数表达式或者函数构造器（见以前的随笔）等方式来构造函数对象。 要以构造函数的方式调用函数，只需要在调用时在函数名称前加new 关键字，比如：function whatsMyContext(){ return this; }; 调用：new whatsMyContext(); 以构造函数的方式调...
JavaScript 原型继承之构造函数继承
10-28
JavaScript中的构造函数继承是基于原型继承的一种实现方式，它允许一个构造函数（子类）从另一个构造函数（父类）那里继承属性和方法。在JavaScript中，每个对象都有一个[[Prototype]]内部属性，通常通过`__proto__`...
JavaScript构造函数详解
10-23
构造函数就是初始化一个实例对象，对象的prototype属性是继承一个实例对象。本文给大家分享javascript构造函数详解，对js构造函数相关知识感兴趣的朋友一起学习吧
js核心基础之构造函数constructor用法实例分析
11-30
JavaScript中的构造函数是用于创建特定类型对象的特殊函数。它们在对象实例化过程中起到了核心作用，使得我们可以定制对象的属性和方法。构造函数通常与`new`操作符一起使用，以便于初始化新创建的对象。 1. **构造...
js中的4种函数调用模式：函数调用、方法调用、构造器调用、间接调用
全栈工程师开发手册（原创）https://github.com/tencentmusic/cube-studio
09-17 1万+
全栈工程师开发手册 （作者：栾鹏） js系列教程4-函数、函数参数教程全解js中的4种函数调用模式javascript一共有4种调用模式：函数调用模式、方法调用模式、构造器调用模式和间接调用模式。【1】函数调用模式　　当一个函数并非一个对象的属性时，那么它就是被当做一个函数来调用的。对于普通的函数调用来说，函数的返回值就是调用表达式的值function add(x,y){ return x
JS——构造函数的三种方法
sinat_22996989的博客
11-01 1万+
三种构造函数的方法: 1.对象方法 2.类方法 3.原型方法（prototype） //对象构造函数 function Atest(name){ //私有属性，只能在对象构造函数内部使用 var className = "Atest"; //公有属性,在对象实例化后调用 this.name = name;
JS构造函数
sunset的博客
08-14 6794
创建一个对象可以字面量创建或构造函数创建 字面量创建对象例如: // 字面量创建对象 var p1 = { name:"sunset", speak:function(){ console.log("我是",+this.name); } } 但如果需要创建多个同一类型(属性和方法都相同)的对象,使用字面...
JS 中构造函数和普通函数的区别
热门推荐
weixin_41796631的博客
10-04 6万+
1、构造函数也是一个普通函数，创建方式和普通函数一样，但构造函数习惯上首字母大写 2、构造函数和普通函数的区别在于：调用方式不一样。作用也不一样（构造函数用来新建实例对象） 3、调用方式不一样。      a. 普通函数的调用方式：直接调用 person();      b.构造函数的调用方式：需要使用new关键字来调用 new Person(); 4、构造函数的函数名与...
JS基础学习——构造函数
tuyueshiba的博客
02-28 122
构造函数 构造函数就是一个普通函数，创建方式和普通函数没有区别，不同的是构造函数习惯上首字母大写 构造函数和普通函数的区别就是调用方法不同 普通函数是直接调用，而构造函数需要使用new关键字来调用 构造函数的执行流程： 立刻创建一个对象 将新建的对象设置为函数中的this，在构造函数中可以使用this来引用新建的对象 逐行执行函数中的代码 将新建的对象作为返回值返回 function Dog(name,age){ this.name=name; this.age=age; } var dog=new D
你不知道的JavaScript--Item8 函数，方法，构造函数调用
weixin_30544657的博客
10-17 165
1、函数调用 Function绝对是JavaScript中的重中之重。在JavaScript中，Function承担了procedures, methods, constructors甚至是classes以及modules的功能。 在面向对象程序设计中，functions，methods以及class constructor往往是三件不同的事情，由不同的语法来实现。但是在J...
javascript构造函数的调用方法和普通函数的调用方法
cdcdhj的博客
11-26 1933
···javascript function Person(name,age,job){ this.name=name; this.age=age; this.job=job; this.sayName=function(){ console.log(this.name); }; } var person=new Person(“jim”,26,“software eng”); Person(“jack”,33,“anan”);
调用js_js函数的创建和构造函数的调用
weixin_32042331的博客
01-13 308
我们知道可以通过new操作符对js中函数的调用从而创建一个对象。这种操作很类似面向对象的语言。让我们来看看当我们创建函数和作为构造函数调用时有哪些事情发生。当我们把一个函数作为一个构造函数来使用时，我们通常将函数名的第一个字母大写，如下我们定义了一个Test类。function Test(x){ this.a = x;}let ob = new Test('a');console.log(ob i...
JSFunction构造函数
最新发布
05-02
JSFunction构造函数是JavaScript中的一个内置函数，用于动态创建函数对象。它的语法如下： ```javascript new Function ([arg1[, arg2[, ...argN]],] functionBody) ``` 其中，arg1、arg2、...argN是新函数的参数...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值