深入了解js函数

Posted wtdall

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了深入了解js函数相关的知识,希望对你有一定的参考价值。

<script>

//深入了解函数1.函数参数;2.函数的返回值;3. 变量的作用域;4.自调用函数
//函数的定义
function test(){
console.log("hellor wold");
};
var test = function(){
console.log(‘hello world‘);
};
test();
 
//函数的参数
function add(a,b){
console.log(a+b);
return a+b;
}
var res = add(1,2);
console.log(res)
 
//arguments 定义一个方法,计算传入所有数的和
function addAll(){
var res = 0;
//argument:方法中隐含的属性目标是传入的所有实际参数集合
for(var i=0;i<arguments.length;i++){
res +=arguments[i];
}
return res;
}
console.log(addAll(‘1,5,65,464,46,4‘))

 

var a = 10;//全局变量
//全局变量和局部变量是一个相对的概念
//不会为if for wehll创建块级作用域
function test(){
var b = 5;//相对于script来说,他是局部变量
//相对于test方法内部,b也可以说是一个全局变量
function in1(){

 

}
function in2(){

 

}
};

 

//回调函数:封装方法,将一个数组中的数,都乘以1,将输入中的数乘以2再加1
var arr = [1,2,3];
function multiply(ar,callback){
for(var i=0;i<ar.length;i++){
ar[i] =callback(ar[i]*2);
}
}
multiply(arr,function(a){
return a+1;
});
//查看结果
for(var i=0;i<arr.length;i++){
console.log(arr[i],‘这是回调函数‘)
}

 

//自调函数:适合处理一次性任务的方法,加载任务,渲染任务,添加监听
( function(){
console.log(‘这是一个自调用的函数‘);
})();
</script>

以上是关于深入了解js函数的主要内容,如果未能解决你的问题,请参考以下文章

第186天:js深入理解构造函数和原型对象

js中的call

JS函数知识点梳理

深入详解函数的柯里化

JS执行顺序-函数声明提升匿名函数函数表达式

js深入理解构造函数和原型对象