文章目录
函数
- 函数也是一个对象
- 函数中可以封装一些功能,在需要时可以随时执行这些功能
- 函数中可以保存一些代码在需要的时候调用
创建一个函数对象
语法
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