创立函数的三种款式
1.function申明的一般函数（命名函数）
2.函数表达式（匿名函数）
3.new Function()
var fn =new Function(‘参数1′,’参数2’,…,’函数体）;
- Function()外面的参数都是字符串格局
- 第三种形式执行效率比拟低，也不不便书写，因而较少应用
- 所有的函数都是Fnction的实例对象
- 函数也属于对象
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>函数的定义和调用形式</title>
</head>
<body>
<script>
// 自定义形式
function fn() {
}
// 函数表达式
var fn = function() {
}
// 利用new Function('参数1','参数2','函数体')
var f = new Function('a','b','return a+b')
console.log(f(1,2));
console.dir(f);
//用来判断f是否是一个对象
console.log(f instanceof Object)
</script>
</body>
</html>
不同函数的调用形式
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<button>按钮</button>
</body>
<script>
// 函数的调用形式
// 1.一般函数的调用
function fn() {
console.log('hello word')
}
fn()
// 2.对象类的函数调用
var obj = {
say: function () {
return 'hello word'
}
}
console.log(obj.say())
// 3.构造函数的调用
function Star(name, age) {
this.name = name;
this.age = age;
}
var star1 = new Star('尧子陌', '18');
console.log(star1.name)
//4.事件函数的调用
var bth = document.querySelector('button');
bth.addEventListener('click', function () {
console.log('事件函数')
})
// 5.定时器函数
setInterval(function () {
console.log('定时器函数')
}, 5000)
</script>
</html>
自执行函数
顾名思义：本人调用的函数
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>自执行函数</title>
</head>
<body>
<script>
(function () {
alert('hello word')
})()
</script>
</body>
</html>
this的指向问题
函数外部的this指向，当咱们调用的时候才确定
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>函数的this指向</title>
</head>
<body>
<button>按钮</button>
</body>
<script>
// 函数的调用形式
// 1.一般函数的调用
function fn() {
console.log(this) //windows
}
fn()
// 2.对象类的函数调用
var obj = {
say: function() {
console.log(this) //指向o这个对象
}
}
obj.say()
// 3.构造函数的调用
function Star(name, age) {
console.log(this) //构造函数中的this指向的是它的实例化 star
this.name = name;
this.age = age;
}
var star1 = new Star('尧子陌', '18');
//4.事件函数的调用
var bth = document.querySelector('button');
bth.addEventListener('click', function() {
console.log(this) //事件函数中的this 指向的是它的调用者bth按钮
})
// 5.定时器函数
setInterval(function() {
console.log(this) //定时器中的this 指向的是windows
}, 5000)
</script>
</html>
发表回复