JavaScript 进阶第四章（定义函数的三种方式 ）

最新推荐文章于 2024-10-08 13:51:35 发布
最新推荐文章于 2024-10-08 13:51:35 发布
阅读量404 收藏 2
点赞数 3
分类专栏： JavaScript进阶  文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_56344602/article/details/119972371
版权
本文深入探讨JavaScript中的函数声明、函数表达式和构造函数Function的使用。函数声明允许先调用后定义，而函数表达式则需先定义后调用。同时，通过构造函数Function，我们了解到函数也是JavaScript中的对象，可以通过它动态创建代码。文章通过实例展示了这三种函数形式的差异和应用场景。
摘要由CSDN通过智能技术生成

  1. 目录

  2. 函数声明

  3. 函数表达式

  4. 构造函数Function

函数声明

 fn(); // 函数声明可以先调用，在声明
function fn(参数..){
  console.log("这是函数声明")
  return 返回值
}

函数表达式

const fn = function() {
  console.log("这是函数表达式");  
}
fn(); // 函数表达式必须先声明，再调用

构造函数Function

函数也可以看成对象

var fn1 = new Function("a1", "a2", "alert(a1+a2)");
fn1(1,2);

上一章：JavaScript 进阶第三章（数组排序-冒泡算法） 

下一章：JavaScript 进阶第五章（原型）

海海呐
关注
专栏目录
JavaScript函数进阶
流楚丶格念的博客
05-03 3254
文章目录函数进阶函数的定义方式函数声明函数表达式函数声明与函数表达式的区别函数的调用方式函数内 `this` 指向的不同场景探究案例：函数也是对象案例：函数数组的使用 函数进阶 函数的定义方式 函数声明 function foo () { } 函数表达式 var foo = function () { } 函数声明与函数表达式的区别 函数声明： 函数声明必须有名字 函数声明会函数提升，在预解析阶段就已创建，声明前后都可以调用 函数表达式： 函数表达式类似于变量赋值 函数表达式可以没有名字，例如
JavaScript进阶三（函数的使用）
qq_44872688的博客
11-26 450
文章目录一、什么是函数二、函数的使用1、声明函数2、调用函数总结 一、什么是函数 在编写代码时，可能会出现非常多的相同代码，或者功能类似的代码，这些代码可能需要大量重复使用，此时就可以使用JavaScript中的函数。它是一个独立的功能模块，可以重复使用，维护方便。 注意：函数的功能尽量简单单一，这样可以提高它的利用率。 二、函数的使用 1、声明函数 基本格式： function 函数名 (参数) { // 函数体代码 } function：function是声明函数的关键字（全部小写）； 函数名：
js函数基础详解以及例子说明
weixin_41683949的博客
05-03 235
js函数的学习笔记以及个人对js函数的一些总结
定义函数三种方式 原型对象prototype 原型__proto__ 原型的关系 作用域 this与函数的四种调用模式 this的指向
kjs--的博客
02-20 446
1.定义函数的三种方式 函数声明 函数表达式 构造函数Function 函数声明 fn();//函数声明可以先调用，再声明 function fn(参数..){ console.log("这是函数声明") return 返回值 } 函数表达式 const fn = function() { console.log("这是函数表达式"); } fn();//函数表达式必须先声明，再调用 构造函数Function //函数也可以看成对象 var fn1 = new Function("a
Javascript 中 Function的属性与方法
mjzhang1993的博客
02-11 3942
Javascript 中 Function 的属性与方法1. Function 构造函数的属性与方法1. Function.arguments （不建议使用） 代表传入函数的实参，是一个类数组对象，这个属性已经废弃，当前普遍使用的是：在 函数中直接使用 arguments 对象，如果使用 es6 建议使用 ... 操作符获取传入实参 function a(arg1, arg2) { co
JS函数的语法及调用的关系
Li5306的博客
06-06 1427
函数调用和声明的关系： 函数调用声明内的代码只有在遇到函数调用时才会被执行，反过来说函数调用会去执行函数声明内的代码。语法：1：（普通函数 ES5）：function 函数名称 （）{功能代码} 2：（匿名函数 [没有名称的函数就做匿名函数]）：function () {功能代码} 3：（箭头函数也属于匿名函数的一种ES6写法 （推荐经常使用））：（） => {功能代码} 4：（函数表达式）：const fn =（）=> {}; const fn = function() {}1
JS基础之函数
lyscq的博客
04-22 208
如果找到了则直接使用，如果没找到，则去上一层作用域中寻找，找到了则使用==（就近）==== 在定义参数时，可以为参数指定默认值，默认值会在没有对于实参时生效==对象作为参数传递，传递实参时，传递的并不是变量本身，而是变量中储存的值。let声明的变量实际也会提升，但在赋值前解释器禁止对该变量的访问。如果没找到，则继续去上一层找，依次类推，如果一直没找到，则报错。如果使用let声明的变量，可以使用{}来创建块作用域。当我们使用一个变量时，js会在优先作用域中寻找变量。，箭头函数的this和它的调用方式无关。
JavaScript第四章1.2 函数进阶
2302_81210008的博客
06-18 256
在使用函数的进阶特性时，需要深入理解其概念和工作原理，以充分发挥 JavaScript 函数的强大功能，并编写更加高效和可维护的代码。在 JavaScript 中，函数可以作为其他函数的参数传递，这种特性使得函数具有更高的灵活性和可扩展性。箭头函数提供了更简洁的函数定义方式，并且在 this 绑定上与传统函数有所不同。可以立即执行一个定义的函数，常用于创建独立的作用域，避免变量污染。函数不仅可以返回基本数据类型，还可以返回函数。闭包是指有权访问另一个函数作用域中的变量的函数。
Javascript 函数进阶 ——【回调函数、递归函数、闭包函数、作用域和域解析】
impact_factor的博客
07-24 897
Javascript 作用域和域解析一、作用域全局作用域 一、作用域 全局作用域 JavaScript作用域 ： 就是代码名字（变量）在某个范围内起作用和效果 目的是为了提高程序的可靠性更重要的是减少命名冲突 js的作用域（es6）之前 ： 全局作用域 局部作用域 全局作用域： 整个script标签 或者是一个单独的js文件 var num = 10; var num = 30; console.log(num); 局部作用域 局部作用域（函数作用域） 在函数内部就是局部作用域 这个代码
JavaScript 函数，进阶函数
weixin_49087505的博客
10-16 1021
JavaScript 函数，进阶函数函数函数的进阶 函数 函数的进阶
JavaScript—进阶篇
weixin_44595042的博客
03-10 2690
JavaScript—进阶（笔记）第1章 系好安全带,准备启航1-1 让你认识JS 简介： 做为WEB攻城师必备技术JavaScript，本课程从如何插入JS代码开始，学习JS基础语法、语法、函数、方法等，让你掌握JS编程思路、知识的使用等，实现运用JS语言为网页增加动态效果，达到与用户交互的目的。 课程须知： 您至少掌握HTML+CSS基础知识 学习内容： 通过JavaScript学习，掌握基本...
【ES6】箭头函数
qq_45677671的博客
05-08 1170
箭头函数 箭头函数是ES6里面有个简写函数的语法方式 重点：箭头函数只能简写函数表达式，不能简写声明式函数 function fn(){}; //不能简写 const fun = function(){}; //可以简写 let obj = { fn :function(){}; //可以简写 } 语法：(函数的形参) => {函数体内要执行的代码} const fn = function(a,b){ console.log(a); console.log(b); } //可以使用箭
js学习笔记-箭头函数
weixin_63096198的博客
04-03 276
作用：用于简化函数定义语法 语法:(形式上的参数)=>{函数体} 例：const fn=a=>a;相当于 const fn=function(a){ return a; } 当形式上的参数只有一个时可省略小括号，当函数体只有一个时可省略大括号。 求和： <script> var num1,num2; const sum=(num1,num2)=>num1+num2; var tolal=sum(3,4); console.log(total); </sc
ES6概念&新增语法&内置对象拓展
Aaa_Liao的博客
05-31 217
ES6语法 ES6相关概念 什么是ES6 ES 的全称是 ECMAScript , 它是由 ECMA 国际标准化组织,制定的一项脚本语言的标准化规范。 为什么使用 ES6 ? 每一次标准的诞生都意味着语言的完善，功能的加强。JavaScript语言本身也有一些令人不满意的地方。 变量提升特性增加了程序运行时的不可预测性 语法过于松散，实现相同的功能，不同的人可能会写出不同的代码 ES6新增语法 let ES6中新增了用于声明变量的关键字 let声明的变量只在所处于的块级有效 if (true) {
knowLedge-Vue I18n 是 Vue.js 的国际化插件
2301_76671906的博客
09-30 1043
Vue 2 中使用 Vue I18n 插件实现中英文切换
【Vue】a-radio-group单选框数字与字符串回显问题
最新发布
叶为正的博客
10-08 62
根据后端接口返回数字或字符串，来配置Ant Design of Vue中a-radio-group单选框的回显问题，注意value中的取值是不一样的。
JavaScript ArrayBuffer的读写与类型转换
白瑕 的博客
10-01 492
所有视图的基本单位是ArrayBuffer, ArrayBuffer中只存储二进制格式的数据.ArrayBuffer不可直接读写, 必须通过视图(比如DataView)暴露的API.
沂机管理系统/data/Ajax.aspx接口存在SQL注入漏洞
2301_77012231的博客
10-01 627
沂机管理系统/data/Ajax.aspx接口存在SQL注入漏洞，攻击者可以获取服务器权限。bp 报错泄露绝对路径。sqlmap确认有漏洞。
JavaScript进阶：递归原理与数列求解实例
在进阶JavaScript编程中，递归是一种强大的技术，它涉及到函数直接或间接地调用自身来解决问题。递归的关键在于理解如何设置正确的终止条件（也称为“基础案例”或“递归结束条件”），以及如何通过递推关系将问题...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

海海呐

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值