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();
}
}


目录
相关文章
|
28天前
|
前端开发 JavaScript 开发者
揭秘JavaScript魔法三剑客:call、apply、bind,解锁函数新世界,你的前端之路因它们而精彩!
【8月更文挑战第23天】在 JavaScript 的世界里,`call`、`apply` 和 `bind` 这三个方法常常让新手感到困惑。它们都能改变函数执行时的上下文(即 `this` 的指向),但各有特点:`call` 接受一系列参数并直接调用函数;`apply` 则接收一个参数数组,在处理不确定数量的参数时特别有用;而 `bind` 不会立即执行函数,而是创建一个新版本的函数,其 `this` 上下文已被永久绑定。理解这三个方法能帮助开发者更好地运用函数式编程技巧,提升代码灵活性和可维护性。
27 0
|
18天前
|
JavaScript 前端开发
JavaScript基础知识-函数的返回值
关于JavaScript函数返回值的基础知识。
20 9
JavaScript基础知识-函数的返回值
|
3天前
|
JSON JavaScript 前端开发
JavaScript第五天(函数,this,严格模式,高阶函数,闭包,递归,正则,ES6)高级
JavaScript第五天(函数,this,严格模式,高阶函数,闭包,递归,正则,ES6)高级
|
18天前
|
JavaScript 前端开发
JavaScript基础知识-函数的参数
关于JavaScript函数参数基础知识的介绍。
16 4
JavaScript基础知识-函数的参数
|
18天前
|
JavaScript 前端开发
JavaScript基础知识-立即执行函数
关于JavaScript基础知识中立即执行函数的介绍。
16 2
JavaScript基础知识-立即执行函数
|
15天前
|
JavaScript 前端开发
JavaScript 函数
JavaScript 函数
21 9
|
17天前
|
JavaScript 前端开发
前端JS函数
【9月更文挑战第4天】前端JS函数
21 6
|
13天前
|
存储 JavaScript 前端开发
JS中的数组有哪些常用操作函数和属性
【9月更文挑战第7天】JS中的数组有哪些常用操作函数和属性
9 1
|
1月前
|
JavaScript 前端开发
JavaScript基础&实战(4)js中的对象、函数、全局作用域和局部作用域
这篇文章介绍了JavaScript中对象的基本概念和操作,包括对象属性和方法的使用、对象字面量的创建、函数的定义和作用域的概念,以及全局作用域和局部作用域的区别和特性。
JavaScript基础&实战(4)js中的对象、函数、全局作用域和局部作用域
|
20天前
|
自然语言处理 JavaScript 前端开发