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.参数

扫描二维码关注公众号,回复: 4335108 查看本文章

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就是函数接收参数的类似于数组的对象,我们可以通过这种方法来访问函数的参数

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

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

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表示函数希望接受命名参数的个数

猜你喜欢

转载自www.cnblogs.com/Qqqing/p/9942966.html
今日推荐