js定义函数的三种方式

于 2023-09-14 17:50:44 发布
阅读量328 收藏
点赞数
文章标签： javascript json 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_60504665/article/details/132781551
版权
本文介绍了JavaScript中三种函数定义方式：function语句式（静态，正常作用域）、函数直接量（表达式，正常作用域）和function构造函数式（动态，顶级作用域）。详细讲解了各自的特点和语法实例。
摘要由CSDN通过智能技术生成

对于计算机语言的使用，中间依靠着代码的使用，代码中有各种各样的函数发挥这不同的作用。对于函数的定义，JavaScript中有着不用的定义方式，即使用function 语句式创建函数、使用函数直接量形式构建函数和使用function 构造函数式构造函数定义。

方式一：function 语句式创建函数

特点：静态，优先解析，具有函数的作用域（正常的作用域）。

语法

 

使用实例

 

方式二：函数直接量形式构建函数
 

特点：一种表达式，静态，顺序解析，具有函数的作用域（正常的作用域）。
 

语法
 

 
 

使用实例
 

 

方式三：function 构造函数式构造函数定义
 

特点：一种表达式，动态，顺序解析，顶级函数（顶级作用域）。
 

语法
 

 

使用实例
 

以上就是我整理总结的js函数定义的三种方式，希望能帮助你们能够理解函数定义。

                

        

        

    




    

      

        

            

              
                
                  那维莱特
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                      0
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    0
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      










                



	

		

			

				
					
JS：三种常用的函数定义方式

				
			

			

				

					少年啦飞啦的博客
				

				

					10-13
					
					4316
					
				

			

		

		

			
				
js中函数也是一个对象，我们可以通过调用构造函数即new Function()的方式来定义，但是在 JavaScript 中，很多时候要尽量避免使用new关键字，因此这种方式并不推荐，了解即可。通常使用以下三种定义方式。

命名函数

即最基本的函数形式，语法为


function methodName(参数){
    方法体;
}

对于函数的参数


//在ES6之前，这样来给参数赋予...

			
		

	



                

              
                



	

		

			

				
					
JavaScript中定义函数的三种方法

				
			

			

				

					10-24
				

			

		

		

			
				
主要介绍了JavaScript中定义函数的三种方法,本文直接给出代码实现,同时给出了构造函数的相关知识,需要的朋友可以参考下

			
		

	



                


  
              

                


	

		

			

				
					
JS函数的定义和调用几种方式

				
			

			

				

					cccccl的博客
				

				

					04-05
					
					3480
					
				

			

		

		

			
				
一、函数的定义：

函数的定义有三种方式：
1、自定义函数（命名函数）；2、函数表达式（匿名函数）；3、利用 new Function(‘参数1’,‘参数2’,‘函数体’);
还有就是所有的函数都是 Function的实例（对象）

 <script>
        // 1. 自定义函数（命名函数）

        function fn() {};

        // 2.函数表达式（匿名函数）
        var fun = function() {};

        //

			
		

	





	

		

			

				
					
JS中定义函数的几种方法

				
			

			

				

					weixin_45995139的博客
				

				

					12-15
					
					9358
					
				

			

		

		

			
				
1. 第一种定义方式：function 函数名 () { 函数体 }；

    调用：函数名 () ;



2. 第二种定义方式：var 函数名 = new Function("参数列表","函数体");

    调用：函数名 () ;



3. 第三种定义方式：var 函数名 = new function () { 函数体 }；

    调用：函数名 ; //直接调用



4. 第四种定义方式（匿名函数）：

var 函数名 =...

			
		

	



		

			
		



	

		

			

				
					
JavaScript定义函数的3种方式

				
			

			

				

					Hai-Yang-code的博客
				

				

					04-17
					
					2878
					
				

			

		

		

			
				
JavaScript定义函数的3种方式
JavaScript函数是一种基于对象的脚本语言，JavaScript代码复用的单位是函数。JavaScript中的函数可以独立存在，而且JavaScript中的函数完全可以作为一个类来使用（而且它还是该类的唯一的构造器）。函数也可以是一个对象，函数本身就是Function实例。以下是定义函数的3中方式：
1、定义命名函数
function f(){
	al...

			
		

	





	

		

			

				
					
js 函数的3种定义方法

				
			

			

				

					m0_49016709的博客
				

				

					12-04
					
					211
					
				

			

		

		

			
				
1、函数声明
function getSum(){}
function (){}//匿名函数

2、函数表达式
var sum=function(){}
let sum=()=>{}//如果{}内容只有一行{}和return关键字可省,

3、构造函数
const sum = new Function('a', 'b' , 'return a + b')

三种方法的对比
1.函数声明有预解析，而且函数声明的优先级高于变量；
2.使用函数构造函数定义函数的方式是一个函数表达式，这种方式会导致解析两次代

			
		

	





	

		

			

				
					
JS函数的几种定义方式分析

				
			

			

				

					10-23
				

			

		

		

			
				
主要介绍了JS函数的几种定义方式,实例分析了JavaScript四种函数定义方式及具体的使用技巧,需要的朋友可以参考下

			
		

	





	

		

			

				
					
浅谈js函数三种定义方式 & 四种调用方式 & 调用顺序

				
			

			

				

					10-20
				

			

		

		

			
				
首先，我们来看JavaScript中定义函数的三种常见方式：  1. 函数关键字(function)语句： 这是最传统的定义函数的方式，通过`function`关键字定义一个具有名称的函数，例如： ```javascript function fnMethodName(x) ...

			
		

	





	

		

			

				
					
JavaScript定义函数的三种实现方法

				
			

			

				

					01-19
				

			

		

		

			
				
JavaScript定义函数的三种实现方法 【1】正常方法   function print(msg){  [removed](msg); }  对函数进行调用的几种方式：   函数名（传递给函数的参数1，传递给函数的参数2，….）  变量 = 函数名（传递给函数的...

			
		

	





	

		

			

				
					
JavaScript——函数详解（创建函数三种方式,函数参数,返回值,立即执行函数）

				
			

			

				

					shang_0122的博客
				

				

					12-27
					
					1356
					
				

			

		

		

			
				
函数定义

   前面说，在JS中除了原始类型都是对象，与此类推，函数也是一个对象

与普通对象区别

   可以封装某一些功能（代码），在需要时执行



创建函数的三种方式



一、new运算符创建函数(此方法开发禁止使用，只是为了说明函数是一个对象)


var fun1 = new Function("console.log('这是一个函数')");

fun1();
...

			
		

	





	

		

			

				
					
JS定义函数的几种常用方法小结

				
			

			

				

					10-16
				

			

		

		

			
				
主要介绍了JS定义函数的几种常用方法,结合实例形式总结分析了javascript函数表达式、Lambda 表达式、对象方法等常见函数定义操作技巧,需要的朋友可以参考下

			
		

	





	

		

			

				
					
JavaScript 学习-7.函数定义的几种方式

				
			

			

				

					qq_27371025的博客
				

				

					05-20
					
					851
					
				

			

		

		

			
				
前言
JavaScript中函数定义基本分3种方式：函数声明，函数表达式，构造函数。
函数声明
函数声明使用function 关键字, 格式如下
function 函数名称([参数]) {
    // 执行代码
}

函数声明后，它不会自己执行，需要调用才会执行，调用函数使用函数名称加括号，如
function fun1() {
    // 执行代码
    console.log('hello')
}

// 调用函数
fun1()   // hello

函数中使用return 获取返回值
func

			
		

	





	

		

			

				
					
JS函数定义的三种方式及其注意项（学习记录）

				
			

			

				

					jq233的博客
				

				

					02-29
					
					332
					
				

			

		

		

			
				
1、函数声明
//函数声明语法
function fun () {}
fun();
注意：使用函数声明创建函数，函数会被整体提升，意味着调用函数可以在声明函数之前，并且同名函数后者覆盖前者。
function fun () {console.log('调用1')}
fun();//'调用2'
function fun () {console.log('调用2')}
2、函数表达式
//函数表达式语...

			
		

	





	

		

			

				
					
JavaScript——定义函数的三种方式

				
			

			

				

					Searchin_R的博客
				

				

					10-06
					
					676
					
				

			

		

		

			
				
JavaScript是弱类型语言，定义函数时既不需要声明函数的返回值类型，也不需要声明函数的参数类型。

JS目前共支持三种函数定义方式，定义命名函数、定义匿名函数、使用Function类匿名函数,这里介绍一下这三种方式。

1.定义命名函数

这个方法是我们最常用的。

语法格式：


function functionName(parameter-list){

statements

}

...

			
		

	





	

		

			

				
					
【JavaScript】定义函数的三种方式

				
			

			

				

					往前爬的蜗牛
				

				

					04-07
					
					888
					
				

			

		

		

			
				
在js中，我们一般定义函数有三种方式：

函数声明
函数表达式
构造函数Function

函数声明

常规的方式
将函数挂载到全局的Window上

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

函数表达式
将函数当成一个值来处理
const fn = function() {
  console.log("这是函数表达式");  
}
fn();//函数表达式必须先声明，再调用

构造函数F

			
		

	





	

		

			

				
					
javascript定义函数的几种方式

				
			

			

				

					Ivan Song的专栏
				

				

					08-19
					
					4175
					
				

			

		

		

			
				
1：调用关键字function来构造　　如： 　　function distance(x1,x2,y1,y2) 　　...{ 　　　　var dx=x2-x1; 　　　　var dy=y2-y1; 　　　　return Math.sqrt(dx*dx+

			
		

	





	

		

			

				
					
JS中定义函数的两种方式

				
			

			

				

					LHS的专栏
				

				

					07-18
					
					9100
					
				

			

		

		

			
				
JavaScript中，定义函数一般有两种方式：一种是函数声明，另一种是函数表达式。
函数声明的一般语法为：

function functionName(arg0,arg1,arg2){
    //函数体
}
用这种方式定义的函数，我们既可以在声明前调用函数，也可以在声明后调用该函数。

例如下面的调用函数的方式都不会有错：

       AlertString();          //

			
		

	





	

		

			

				
					
js函数定义的三种方式

					
最新发布

				
			

			

				

					07-28
				

			

		

		

			
				
JavaScript中函数可以通过以下三种方式进行定义：  1. 函数声明（Function Declaration）：  通过关键字function直接定义一个函数，并指定函数的名称和参数列表。例如：  ```  function add(a, b) {  return a + b; ...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值