JavaScript中函数构造器与函数声明的区别

最新推荐文章于 2023-09-19 11:25:01 发布
最新推荐文章于 2023-09-19 11:25:01 发布
阅读量248 收藏
点赞数
分类专栏： 笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41122414/article/details/114354894
版权

JavaScript中函数构造器与函数声明的区别

虽然通过函数构造器的方式创建函数几乎没什么作用，但是作为JavaScript的一种边缘功能在某些情况下还是可以处理一些比较奇怪的需求的

MDN官方文档
Function函数构造器可以接受多个字符串参数，最后一个表示函数体，前面的是形参列表

在MDN官方文档中，对于函数构造器方法写了这样一句话（下图中画红线的位置）
在这里插入图片描述
说明听过这种方式创建的函数没有函数作用域只分，其中的变量都是在全局作用域中的。
官方还给出了相应的例子

var x = 10;

function createFunc
最低0.47元/天 解锁文章
Index[0]
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
JavaScript中利用构造器函数模拟类的方法
12-03
前言 本文小编带大家一起学习的是在 JavaScript 中使用构造器函数（construcor function）模拟类。下面话不多说，感兴趣的朋友们下面来一起看看吧。 构造器函数简介 你可以使用 ES6 的 class 关键字来实现类，不过我建议你使用传统的构造器函数来模拟类，因为这样可以给人一种你是个 JavaScript 老手的错觉，哈哈！ 什么是构造器函数？构造器函数是编写对象的方法之一。一般情况下，你可以这样编写一个对象： var obj = { a:1, b:2 }; 但也可以使用构造器函数来编写对象： function Obj(a, b){ this.a = a; th
JavaScript中的Function函数
10-23
JavaScript的函数具有多种用途，包括事件驱动、作为类构造器、闭包以及在DOM操作中的选择器功能。以下将详细介绍JavaScript中的Function函数的各种特性。 首先，我们来看函数的定义方式： 1. **函数声明**：使用`...
Function构造函数、 函数声明 、 函数表达式 的区别
weixin_34015336的博客
02-06 475
对比下面的例子： Function构造函数 var multiply = new Function('x', 'y', 'return x * y'); 复制代码函数声明 function multiply(x, y) { return x * y; } // 没有分号 复制代码函数表达式 var multiply = function(x, y) { return x * y; }...
JavaScript函数构造器
YY383803220的博客
10-23 289
函数构造器（Function constructor） 函数构造器用于创建一个函数对象，在JavaScript中实际上每一个函数都是一个函数对象。 函数构造器的语法： new Function ([arg1[, arg2[, ...argN]],] functionBody) arg1, arg2, ... argN 被用于作为函数正常参数名的变量名字，这些变量名必须是符合Ja...
函数声明方式及构造函数
ma13b的博客
04-23 709
一、函数声明方式 1.声明式 函数声明提升，会将函数声明提到函数所在作用域开头，整个作用域内都可使用。 function fn(){} 2.函数表达式 只能在该作用域内，该代码执行后才能调用函数，会变量提升，将fn提升至作用域开头，代码执行前调用结果为 fn==undefined。 let fn = function(){} 3.构造函数 new Function 用来初始化对象， 常用的构造函数： 　　　　1. var arr = []; 为 var ...
JS中var声明与function声明以及构造函数声明方式的区别
anbinmei9074的博客
02-27 234
JS中常见的三种函数声明(statement)方式有这三种: // 函数表达式(function expression) var h = function () { // h } // 函数声明(function declaration) function h() { // h } // 构造函数(function constru...
JavaScript中函数与对象的解析.pdf
最新发布
01-03
通过和构造数组对象语句的比较，可以清楚地看到 JavaScript 函数作为对象的本质，在解释器内部，当遇到这种语法时，就会自动构造一个 Function 对象，将函数作为一个内部的对象来存储和运行。 函数对象的调用 函数...
JavaScript函数的4种调用方法详解
12-12
函数有四种调用模式，分别是：函数调用形式、方法调用形式、构造器形式、以及apply形式。这里所有的调用模式中，最主要的区别在于关键字 this 的意义，下面分别介绍这个几种调用形式。 本文主要内容： 1.分析函数的...
Javascript 设计模式之构造函数模式.zip
04-03
在JavaScript中，构造函数通常首字母大写，以示区别。构造函数不返回任何值，但可以用来初始化新创建的对象的属性和方法。例如： ```javascript function Person(name, age) { this.name = name; this.age = age...
javascript创建函数的20种方式汇总
10-24
17. **函数构造器**： ```javascript var sayHello = new Function('console.log("hello")'); sayHello(); ``` 18. **使用eval执行字符串中的函数**（不推荐，安全性低）： ```javascript eval('function ...
三种函数声明方式和区别
weixin_30300523的博客
10-25 373
1.函数声明方式其语法为： Js代码 function函数名(参数1，参数2，...){ //要执行的语句 } 例1： js代码 functionsum(num1,num2){ returnnum1+num2; } 2.函数表达式方式其语...
构造函数和普通函数区别
love_zjl的博客
10-18 378
第一次写博客，希望每天都可以坚持下来写一点点小知识！ 构造函数和普通函数的区别：  *    1.返回值类型的区别  *           构造函数无返回值  *           普通函数有返回值，即使无返回值，也要加一个void  *    2.函数名的区别：  *           构造函数的函数名必须与类名一致  *           普通函数的函数名只要符合
JavaScript：构造函数
snowball的博客
05-16 3228
JS语言中使用构造函数（constructor）作为对象的模板，所谓构造函数，就是提供一个生成对象的模板，并描述对象的基本结构的函数。JS中使用同一个构造函数创建的对象，我们称为一类对象，也将一个构造函数称为一个类(理解为模板，表示某一类实物的共同特征)。使用对象字面量创建一系列同一类型的对象时，这些对象可能具有一些相似的特征(属性)和行为(方法)，此时会产生很多重复的代码，把这些重复性的特征和属性抽象出来，做成构造函数，可以实现代码复用。我们将通过一个构造函数创建的对象，称为是该类的实例。
js函数话构造器
weixin_39214481的博客
01-03 362
构造一个生成对象的函数（小写字母开头命名，因为不需要使用new前缀）： 步骤： 1—创建一个对象。方法很多，可以构造一个对象字面量，或和new前缀连用去调用构造器函数，或使用Object.create方法去构造一个已经存在的对象的新实例，或调用任意一个会返回对象的函数； 2—有选择地定义私有实例变量（即函数中通过var定义的普通变量）和方法； 3—给这个新对象扩充方法。这些方法有特权去访问...
js中构造函数与普通函数的区别
yzx231858的博客
09-19 622
【代码】js中构造函数与普通函数的区别。
JS中构造函数和普通函数的区别
qq_53848768的博客
10-12 306
构造函数也是函数，来看代码： //定义构造函数 function Person(name){ this.name=name Person.prototype.age=16 } //创建实例对象 let p=new Person('Kobe') console.log(p.name) // Kobe console.log(p.age) // 16 //创建普通函数 function getName(){ console.log(p.name) } //调用普通函数 getNam
JS_函数篇_构造函数和普通函数的区别
wsy296717574的博客
09-10 1423
构造函数与普通函数的区别： *对象和数组 初始化的时候不要用构造函数，要用函数声明式 构造函数开头是大写，普通函数是小写 构造函数可以用new 函数名和实例调用，普通函数就是函数名和实例 构造函数在new的时候就创建了一个实例化对象，而且将this指向指向了这个实例化对象，而普通函数的在函数输入实例化对象执行后，this指向也是实例化以后的对象 构造函数通过new调用能够返回一个实例化以后的对象 下面是代码，看懂就明白其中的区别了 // 普通函数 // 如果函数里有this,但是没
三种方式创建函数 & 构造函数与普通函数之间的区别
weixin_42304037的博客
09-15 455
创建函数的三种方式： 函数声明 function sum1(num1,num2){ return num1+num2; } sum1(10,20); 函数表达式 var sum2 = function(num1,num2){ return num1+num2; } sum(10,20); 函数对象形式 var sum3 = new Function("num1","n...
面试题总结V1.0（无答案-打印版）1
08-08
2. 什么是CSS 3. 行内元素和块级元素的具体区别是什么 4. 简述一下你对HTML语义化的理解 5. rgba() 和 opacity 设置透明度的区别是

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值