javascript 中的函数

Posted qqqing

tags:

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

/*   第二天   */

函数

函数是js里最有趣的东西了,函数实际上就是对象,每个函数Function类型的实例,函数名实际上是指向函数对象的指针。不带圆括号的函数时访问函数的指针,带圆括号的是调用函数

1.函数的表示

//1.函数声明
function sum (num1, num2){ return num1 + num2; } //2.使用表达式与上面这种方法几乎一样 var sum = function(num1, num2){ return num1 + num2; } //已上函数就是将变量 sum 初始化为一个函数,还有最后一种方法
//3.使用Function构造函数,前面是任意量的参数最后一个参数是函数体
var sun = Function("num1", "num2", "return num1 + num2") //不推荐 会导致浏览器解析两次代码,第一次是解析正常的js,第二次是解析传入构造函数的字符串

  函数声明和函数表达式并非完全一样,解析器在加载数据时会存在一个函数声明提升的过程,会率先读取函数声明,至于表达式必须等到解析器执行到对应的代码,才会被解释执行。

alert(sum(10, 10))
function sum (num1, num2){
  return num1+ num2;  
}//正常执行


alert(sum(10,10))
var sum = function(num1, mun2){
 return   num1 + num2;
}//报错

  

 

 

 

 

2.参数

(1)js中函数的参数是用一个类数组对象表示(arguments),函数接收到的值始终是这个arguments,无论你传入多少个参数进函数,都不会报错。

举例

function add(num1, num2){
  console.log(arguments) if(arguments.length == 1){ alert(num1 + 10); } else if(arguments.lentgh == 2){ alert(argument[0] + mun2) } }
add(1) // 11
add(1,2) // 3

//这是打印结果,我们发现arguments就是函数接收参数的类似于数组的对象,我们可以通过这种方法来访问函数的参数
技术分享图片

  (2)js中没有函数重载这一概念只能通过上述方法来模拟重载,如果两个命名相同的函数同时出现,后面的函数会直接覆盖前面的函数,因为函数名字就是指向函数对象指针。

  (3)arguments主要作用就是保存函数的参数,但是他还有一个叫callee的参数,该属性是一个指针指向拥有这个arguments对象的函数,在递归中消除紧耦合的现象。

  (4)传递参数

    js中所有的函数的参数都是安值传递的,传递基本类型的值的时候,被传递的参数会被赋值给一个局部变量(argumrnts对象中的一个元素),传递引用类型的值使会把,这个值在内存中的地址复制给一个局部变量,因此这个局部变量的变化会反映在外部

    

 function add(ten){
        ten += 10;
        return ten;
    }
    var num = 10;
    var result =  add(num)
    alert(num)     //10
    alert(result)     //20

  第一个毫无疑问,因为 函数接收的变量为局部变量,所以在函数的内部操作并不会影响到外部的变量,但是我们接着往下看

  

function setName(obj){
        obj.name = "jack"
    }
    var person = new Object()
    setName(person)
    alert(person.name)   //jack

  这次我们试着将基本类型换成了引用类型,发现结果并不是我们预想的,这是因为传递引用类型的值使会把,这个值在内存中的地址复制给一个局部变量,函数内部的obj和外部的person访问的是同一个对象,

  我们可以再来证明一下

  

 function setName(obj){
        obj.name = "jack"
        obj = new Object()
        obj.name = "Tom"
    }
    var person = new Object()
    setName(person)
    alert(person.name)  //  jack

  我们在上一次的代码中加了两行,但是person的name并没有发生变化,因为当你在函数内部将obj  =  new Object()之后 ,obj就指向了一个新的对象(而且还是局部的),不再与外界有任何关系。

3.作为函数值

函数名本身就是变量,所以函数也可以作为值来使用,不仅可以像传递参数一样传递函数,也可以将函数作为值返回

例如我们在需要将一个对象数组按照某个属性进行排序,

//对这个对象数组进行排序
var data = [
	{
		name:"wang",
		age:"23"
	},
	{
		name:"li",
		age:"18"
	},
	{
		name:"zhang",
		age:"20"
	}
]
//首先定义一个返回值为比较函数的函数
function createComparison (propertyName){
	return function(obj1, obj2){
		let value1 = obj1[propertyName]
		let value2 = obj2[propertyName]
		if(value1 > value2){
			return -1
		} else if(value1 < value2){
				return 1
		} else{
				return 0
		}
	}
}
console.log(data)//[{name: "wang", age: "23"},{name: "zhang", age: "20"},{name: "li", age: "18"}]
//利用sort()进行排序
data.sort(createComparison("age"))
console.log(data)//[{name: "wang", age: "23"},{name: "zhang", age: "20"},{name: "li", age: "18"}]

  这个例子中函数既作为参数又可以作为返回值,函数通过接收propertyName参数后,用方括号取得给定的属性值,再定义比较函数

4.函数的内部属性

函数的内部中有两个特殊的对象, arguments和this,argunments我们之前讨论过了,this的值就是函数执行环境的对象。

函数的属性中有一个lenght表示函数希望接受命名参数的个数










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

如何将此 JavaScript 代码片段翻译成 Parenscript?

10个JavaScript代码片段,使你更加容易前端开发。

10个JavaScript代码片段,使你更加容易前端开发。

48个值得掌握的JavaScript代码片段(上)

JavaScript 代码片段

你可能不知道的JavaScript代码片段和技巧(下)