JavaScript-函数

函数

• 函数也是一个对象
• 函数中可以封装一些功能，在需要时可以随时执行这些功能
• 函数中可以保存一些代码在需要的时候调用

创建一个函数对象

语法

fun = new Function()
console.log(typeof fun) // function

• 可以将要封装的代码以字符串的形式传递给构造函数
• 封装到函数中的代码不会立即执行

fun = new Function('console.log('hello 这是我的第一个函数')')
console.log(fun) // function anonymous(){console.log('hello 这是我的第一个函数');}

• 函数中的代码会在函数调用的时候执行
  调用函数语法
  函数对象()
  当调用函数时，函数中封装的代码会按照顺序执行。

fun = new Function('console.log('hello 这是我的第一个函数')')
fun() // 'hello 这是我的第一个函数'
fun() // 'hello 这是我的第一个函数'

函数声明来创建一个函数

语法
function 函数名([形参1,形参2,形参3...]){ 函数体 ｝
浅试一下

function fun2(){
	console.log('这是我的第二个函数')
}
fun2() // 这是我的第二个函数

使用函数表达式来创建一个函数

语句
函数名 = function(){函数体}
浅试一下

fun3 = function(){
	console.log('还记得这是第几种创建函数的方法了吗')
}
fun3()

函数的参数

需求：定义一个用力求领个数和的函数

• 可以做函数的()中来指定一个或多个形参(形式参数)

函数中添加形参

• 多个形参之间使用,隔开，声明形参就相当于在函数内部声明了对应的变量

function sum(a,b){
	console.log(a + b)
}

调用函数，使用形参

• 在函数调用时可以做()中指定实参（实际参数）
• 实参将会赋值给函数中对应的形参
  sum(1,2)

浅试一下

function sum(a,b){
	console.log(a+b)
}
sum(1,2) // 3 

调用函数时，解析器不会检查实参的类型
所以需要注意，是否有可能会接受到非法的参数
调用函数时，解析器也不会检查实参的数量
多余的实参不会被赋值
如果实参的数量少于形参的数量，则没有对应实参的形参将会是undefined

函数的返回值

需求：创建一个函数，来计算三个数的和，返回到值中保存

• 可以使用return来设置函数的返回值
  语法
  return 值
  接收：
  接收值 = 函数名()
  浅试一下

function sum(a,b,c){
	d = a + b + c
	return d
	alert('hello')
}
result = sum(1,2,3)
console.log(result) // 6

注意：在函数中return后的语句都不会执行
如果函数中不写return或者return语句不跟任何值，则会返回undefined
return后可以返回任意的值

练习一－判断偶数

需求：定义一个函数，判断一个数字是否是偶数，如果是返回true，否则返回false

function isOu(a){
	if(a%2 == 0){
		return true
	}
	else{
		return false
	}
}
result = isOu(3)
console.log(result)

↓简洁

function isOu(a){
	return a % 2 == 0;
}
result = isOu(3)
console.log(result)

练习二-对象作为参数传递

需求：创建一个函数，可以做控制台中输出一个人的信息；可以输出人呢的name age gender address

function information(o){
	console.log('我是' + o.name + '，我' + o.age + '岁了，我是一个' + o.gender + '人，住在' + o.address)
}
obj = {
	name: '溏心蛋',
	age:18,
	gender : '男',
	address : '重庆'
}
information(obj)

实参看是任意的数据类型，也可以说一个对象
当使用参数个数过多时，可以将参数封装到一个对象中，然后通过对象传递

实参可以说一个对象，也可以说一个函数

返回值的类型

返回值可以是任意的数据类型
也可以说一个对象

function fun(){
	a = 10
	return a
｝
b = fun()
console.log(;a = ' + a)  // 整型

返回值也可以是一个函数

立即执行函数

• 函数定义，立即背调用，这种函数叫做立即执行函数
• 立即执行函数往往只会执行一次
  浅试一下

（function(a,b){
	console.log('a = ' + a) // 123
	console.log('b = ' + b) // 456
})(123,456)

方法

// 创建对象
obj = new Object();
// 添加属性值
obj.name = '溏心蛋';
obj.age = 18;
// 对象的属性值可以 是任何的数据类型，也可以是个函数
obj.sayname = function(){
	console.log(obj.name);
}
obj.sayname(); // 溏心蛋

函数也可以成为对象的属性
如果函数作为一个一个对象的属性保存，那么我们称这个函数时这个对象的方法，调用函数就说这个调用对象的方法（method）

• 只是名称上的区别，没有其他区别

枚举对象中的属性

语法
for ( 变量 in 对象) { }

• for … in 语句中有几个属性，循环就会执行几次
• 每次执行时，会将对象中的一个属性的名字赋值给变量

obj = {
	name : '溏心蛋',
	age : 18,
	gender : '男',
	address : '重庆'
};
// 枚举对象中的属性
// 使用for ... in 语句
for ( n in obj){
	consle.log('属性名 = ' + n)
	// name , age , gender , address
	console.log('属性值 = ' + obj[n])
	// 溏心蛋 ， 18 ， 男 ， 重庆
}

作用域

• 指一个变量都作用范围
  例如

function fun(){
	a = 123
}
fun()
console.log(a) // undefined

• 在JS中一共有两种作用域
  全局作用域
  函数作用域

全局作用域

• 直接编写在script标签中的JS代码，都在全局作用域
• 全局作用域在页面打开，在关闭时销毁
• 在全局作用域中对象window（它代表的是浏览器的窗口，它由浏览器创建，我们可以直接使用），我们可以直接使用
• 在全局作用域中，创建的变量都会作为window对象的属性保存

a = 10
console.log(a) // 10
console.log(window.a) // 10

• 创建的函数都会作为window的对象方法

function fun(){
	console.log('溏心蛋')
}
window.fun() // 溏心蛋

变量都声明提前

• 使用var关键字声明的变量，会在所有的代码之前被声明，但是不会被赋值

console.log('a = ' + a') // 报错，未定义
a = 123

加 var

var a
console.log('a = ' + a') // undefined
a = 123

• 函数的声明提前
• 使用函数声明形式创建的函数function 函数(){}，它会在所有的代码之前就被创建，我们可以在函数创建之前调用
• 使用函数表达式创建的函数不会被提前，所以不能在声明前使用

fun() // 这里是函数
fun2() // 报错

function fun(){
	console.log('这里是函数')
}

var fun2 = function(){
	console.log('第二个函数')
}

全局作用域中的变量是全局变量，在页面的任意部分都可以被调用。

函数作用域

• 调用函数时创建函数作用域，函数执行完毕以后，函数作用域销毁
• 每调用一次函数就会创建一个新的函数作用域，他们说互相独立的
• 在函数作用域中可以访问到全局作用域的变量，在全局作用域中无法作用到全局变量中

var a = 10;
function fun(){
	ver b = 20
	console.log(a) // 10
}
console.log(a) // 10
fun()
console.log(b) // 报错，未定义

• 当在函数作用域操作一个变量时，它会先在自身作用域中寻找，如果有就直接使用，如果没有则向上一级中寻找

var a = 10;
function fun(){
	var a = '这是局部变量'
	var b = 20
	console.log(a) // 这是局部变量
}
console.log(a) // 10
fun()

• 在函数中要访问全局变量可以使用window工具

var a = 10
function fun(){
	var a = 1
	console.log(window.a) // 10
}
console.log(a) // 10
fun()

在函数作用域也有提前的特性，使用var关键字声明的变量，会在函数中所有的代码执行之前被声明

例子：

a = 10
function fun(){
	console.log(a)
	var a = 35
}
fun() // undefined

在函数中，不使用var声明的变量都会成为全局变量

var c = 33;
functon fun(){
	console.log(c)
	c = 10
}
fun() // 33
console.log(c) // 10

定义形参就相当于在函数作用域中声明了变量

var e = 23
function fun(e){
	alert(e)
}
fun() // undefinde