js中函数的传递参数

简介: js中函数的传递参数

 js中函数的传递参数

一、js中函数传递参数

    1、函数传递的参数类型  =  js的数据类型

          数字、字符串、布尔值、数组、函数、对象、未定义

         1)数字

           代码如下:

   fn1(100);
             function fn1(a){  //相当于var a = 100;
                alert(a); //返回的值是100,
             } 

    2)函数类型 (无名函数)

fn2( function(){
                alert("a");
             })
             function fn2(fn){
                fn();  //返回的值是"a";
             }
             函数类型(有名函数)
             fn3( function fn(){
                alert('js');
             })
             function fn3(fn){
                fn();  //返回的值是js
             }
             fn4( function fn( a ){
                alert( a );
             })
             function fn4( fn ){
                fn( 100 ); //返回的值为100,将100传递到fn()的a中
             }

        3)对象类型

fn5( window,document )
             function fn5( w,d ){
                w.onload = function(){
                    d.body.innerHTML = 123; //返回的是在body内有123
                }
             }

    2、js中传递参数时的特性

        1)js中函数传参时如果传递多个参数,需要用",",隔开,而且需要不同的变量去接               收参数,传递的参数与接收参数的变量是一一对应的

           代码入下:

fn6( "我爱学习","js");
             function fn6( a,b ){
                alert( a+b );  
                //返回的值是我爱学习js,把我爱学习给变量a,把js传递给变量b
             }

         2)函数的传递参数过程中可以定义多个参数,接受参数时会按照代码的顺序进行                接收

            代码如下:

fn7('javascript');
             fn7('学习js课程');
             function fn7( a ){
                alert( a.charAt(4) );
                //返回的值为 先返回"s" ,再返回"课"
             }

     3、js中函数传参的简单例子( 判断内容的类型 ):

          代码如下:

 

window.onload = function(){
                fn1( 100 );
                fn1('javascript');
                fn1( function(){
                    alert('a');
                })
                function fn1(a){
                    if(typeof a === 'number' &&a === a){ //判断数字类型时要注意NaN是数字                                              类型但不是数字,可以用NaN与自身不等的方法进行判断
                        alert(a + 50);
                    }else if(typeof a === 'string'){
                        alert(a.charAt(4));
                    }else if(typeof a === 'function'){
                        a();
                    }
                }
            }
相关文章
|
2天前
|
JavaScript 前端开发 网络架构
函数柯里化:JavaScript中的高级技巧
函数柯里化:JavaScript中的高级技巧
|
2天前
|
JavaScript 前端开发
JavaScript 闭包:让你更深入了解函数和作用域
JavaScript 闭包:让你更深入了解函数和作用域
|
2天前
|
JavaScript 前端开发
JavaScript的`apply`方法:函数的“应用”与“调用”
JavaScript的`apply`方法:函数的“应用”与“调用”
|
2天前
|
JavaScript 前端开发
JavaScript的`bind`方法:函数的“复制”与“定制”
JavaScript的`bind`方法:函数的“复制”与“定制”
|
2天前
|
JavaScript 前端开发
JavaScript的`call`方法:实现函数间的调用!
JavaScript的`call`方法:实现函数间的调用!
|
3天前
|
JavaScript 前端开发
在JavaScript中,函数原型(Function Prototype)是一个特殊的对象
【5月更文挑战第11天】JavaScript中的函数原型是一个特殊对象,它为所有函数实例提供共享的方法和属性。每个函数在创建时都有一个`prototype`属性,指向原型对象。利用原型,我们可以向所有实例添加方法和属性,实现继承。例如,我们定义一个`Person`函数,向其原型添加`greet`方法,然后创建实例`john`和`jane`,它们都能调用这个方法。尽管可以直接在原型上添加方法,但推荐在构造函数内部定义以封装数据和逻辑。
18 2
|
3天前
|
前端开发 JavaScript 数据处理
在JavaScript中,异步函数是指什么
【5月更文挑战第9天】JavaScript中的异步函数用于处理非立即完成的操作,如定时器、网络请求等。它们可通过回调函数、Promise或async/await来实现。示例展示了如何使用async/await模拟网络请求:定义异步函数fetchData返回Promise,在另一异步函数processData中使用await等待结果并处理。当fetchData的Promise解析时,data变量接收结果并继续执行后续代码。注意,调用异步函数不会阻塞执行,而是会在适当时间点继续。
11 0
|
3天前
|
自然语言处理 JavaScript 前端开发
在JavaScript中,this关键字的行为可能会因函数的调用方式而异
【5月更文挑战第9天】JavaScript中的`this`关键字行为取决于函数调用方式。在非严格模式下,直接调用函数时`this`指全局对象,严格模式下为`undefined`。作为对象方法调用时,`this`指向该对象。用`new`调用构造函数时,`this`指向新实例。通过`call`、`apply`、`bind`可手动设置`this`值。在回调和事件处理中,`this`可能不直观,箭头函数和绑定方法可帮助管理`this`的行为。
13 1
|
3天前
|
JavaScript 前端开发 网络架构
JavaScript中的箭头函数是一种新的函数表达形式
【5月更文挑战第9天】JavaScript的箭头函数以简洁语法简化函数定义,其特性包括:1) 不绑定自身this,继承上下文的this,适合回调和事件处理;2) 没有arguments对象,需用剩余参数语法访问参数;3) 不能用作构造函数,无new调用;4) 没有prototype属性,不支持基于原型的继承。箭头函数在特定场景下优化了this处理,但使用时要注意与普通函数的差异。
11 2
|
3天前
|
JavaScript 前端开发
js的一些内置函数
js的一些内置函数
8 1