搜索
首页web前端前端问答javascript创建函数有什么方法
javascript创建函数有什么方法Mar 08, 2022 pm 06:44 PM
javascript创建函数

创建函数的方法有:1、用“var 函数名=new Function(参数列表, body);”语句;2、用“function 函数名([参数列表]){...}”语句;3、用“var 函数名=function([参数列表]){...}”语句。

javascript创建函数有什么方法

本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

函数(function)

⑴函数也是一个对象

⑵函数中可以封装一些功能(代码),在需要时可以执行这些功能(代码)

⑶函数中可以保存一些代码在需要的时候调用

⑷使用typeof检查一个函数对象时,会返回function

⑸创建函数的三种方式:

  • ①构造函数

  • ②函数声明

  • ③函数表达式

Function() 构造函数

使用 Function() 构造函数可以快速生成函数。具体用法如下:

var funName = new Function(p1, p2, ..., pn, body);

Function() 的参数类型都是字符串,p1~pn 表示所创建函数的参数名称列表,body 表示所创建函数的函数结构体语句,在 body 语句之间以分号分隔。

示例:

  • 可以省略所有参数,仅传递一个字符串,用来表示函数体。

var f = new Function ("a", "b", "return a+b");  //通过构造函数来克隆函数结构
  • 可以不指定任何参数,创建一个空函数结构体。

var f = new Function();  //定义空函数

声明函数

在 JavaScript 中可以使用 function 语句声明函数。具体用法如下:

function funName([args]) {
    statements
}

funName 是函数名,与变量名一样必须是 JavaScript 合法的标识符。在函数名之后是一个由一个小括号包含的参数列表,参数之间以逗号分隔。参数是可选的,没有数量限制。

作为标识符,参数仅在函数体内被访问,参数是函数作用域的私有成员。调用函数时,通过为函数传递值,然后使用参数获取外部传入的值,并在函数体内干预函数的运行。

在小括号之后是一个大括号,大括号内包含的语句就是函数体结构的主要内容。在函数体重,大括号是必不可少的,缺少大括号,JavaScript 将会抛出语法错误。

示例

function 语句必须包含函数名、小括号和大括号,其他代码都可省略,因此最简单的函数体是一个空函数。

function funName() {}  //空函数

如果使用匿名函数,则可以省略函数名。

function () {}  //匿名空函数

var 语句和 function 语句都是声明语句,它们声明的变量和函数都在 JavaScript 预编译时被解析,也被称为变量提升和函数提升。在预编译期,JavaScript 引擎会为每个 function 创建上下文,定义变量对象,同时把函数内所有形参、私有变量、嵌套函数作为属性注册到变量对象上。

函数表达式

语法:

var 函数名 = function([args]){
statements
}

具体示例:

1.png

【相关推荐:javascript视频教程web前端

以上是javascript创建函数有什么方法的详细内容。更多信息请关注PHP中文网其他相关文章!

声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
es6数组怎么去掉重复并且重新排序es6数组怎么去掉重复并且重新排序May 05, 2022 pm 07:08 PM

去掉重复并排序的方法:1、使用“Array.from(new Set(arr))”或者“[…new Set(arr)]”语句,去掉数组中的重复元素,返回去重后的新数组;2、利用sort()对去重数组进行排序,语法“去重数组.sort()”。

JavaScript的Symbol类型、隐藏属性及全局注册表详解JavaScript的Symbol类型、隐藏属性及全局注册表详解Jun 02, 2022 am 11:50 AM

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了关于Symbol类型、隐藏属性及全局注册表的相关问题,包括了Symbol类型的描述、Symbol不会隐式转字符串等问题,下面一起来看一下,希望对大家有帮助。

原来利用纯CSS也能实现文字轮播与图片轮播!原来利用纯CSS也能实现文字轮播与图片轮播!Jun 10, 2022 pm 01:00 PM

怎么制作文字轮播与图片轮播?大家第一想到的是不是利用js,其实利用纯CSS也能实现文字轮播与图片轮播,下面来看看实现方法,希望对大家有所帮助!

JavaScript对象的构造函数和new操作符(实例详解)JavaScript对象的构造函数和new操作符(实例详解)May 10, 2022 pm 06:16 PM

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了关于对象的构造函数和new操作符,构造函数是所有对象的成员方法中,最早被调用的那个,下面一起来看一下吧,希望对大家有帮助。

JavaScript面向对象详细解析之属性描述符JavaScript面向对象详细解析之属性描述符May 27, 2022 pm 05:29 PM

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了关于面向对象的相关问题,包括了属性描述符、数据描述符、存取描述符等等内容,下面一起来看一下,希望对大家有帮助。

javascript怎么移除元素点击事件javascript怎么移除元素点击事件Apr 11, 2022 pm 04:51 PM

方法:1、利用“点击元素对象.unbind("click");”方法,该方法可以移除被选元素的事件处理程序;2、利用“点击元素对象.off("click");”方法,该方法可以移除通过on()方法添加的事件处理程序。

整理总结JavaScript常见的BOM操作整理总结JavaScript常见的BOM操作Jun 01, 2022 am 11:43 AM

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了关于BOM操作的相关问题,包括了window对象的常见事件、JavaScript执行机制等等相关内容,下面一起来看一下,希望对大家有帮助。

foreach是es6里的吗foreach是es6里的吗May 05, 2022 pm 05:59 PM

foreach不是es6的方法。foreach是es3中一个遍历数组的方法,可以调用数组的每个元素,并将元素传给回调函数进行处理,语法“array.forEach(function(当前元素,索引,数组){...})”;该方法不处理空数组。

See all articles

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
2 周前By尊渡假赌尊渡假赌尊渡假赌
仓库:如何复兴队友
1 个月前By尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒险:如何获得巨型种子
4 周前By尊渡假赌尊渡假赌尊渡假赌

热工具

安全考试浏览器

安全考试浏览器

Safe Exam Browser是一个安全的浏览器环境,用于安全地进行在线考试。该软件将任何计算机变成一个安全的工作站。它控制对任何实用工具的访问,并防止学生使用未经授权的资源。

SublimeText3 Linux新版

SublimeText3 Linux新版

SublimeText3 Linux最新版

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)