JS高级第三天

可可克星

于 2019-09-07 12:33:53 发布

阅读量88

点赞数

分类专栏： JS高级文章标签：函数的定义与调用 this 严格模式闭包递归

本文链接：https://blog.csdn.net/qq_40282446/article/details/100595217

版权

JS高级专栏收录该内容

3 篇文章 0 订阅

订阅专栏

1.函数的定义和调用

1.1 函数的定义方式

自定义函数 (命名函数)
```
function fn(){}
```
函数表达式 (匿名函数)
```
var fn = function(){}  
```
利用 new Function(‘参数1’，‘参数2’,‘函数体’);
- 比较麻烦，用的比较少
- 所有函数都是 Function 的实例(对象)
- 函数也属于对象

1.2 函数的调用方式

普通函数

function fn() {
console.log('人生的巅峰');    
}
 fn();

对象的方法

var o = {
  sayHi: function() {
   console.log('人生的巅峰');  
  }
}
o.sayHi();

构造函数
```
function Star() {};
new Star();
```

绑定事件函数

btn.onclick = function() {};   // 点击了按钮就可以调用这个函数

定时器函数

setInterval(function() {}, 1000);  //这个函数是定时器自动1秒钟调用一次

立即执行函数

(function() {
console.log('人生的巅峰');    
})();

2.this

2.1 函数内 this 的指向

调用方式	this指向
普通函数调用	window
构造函数调用	实例对象原型对象里面的方法也指向实例对象
对象方法调用	该方法所属对象
事件绑定方法	绑定事件对象
定时器函数	window
立即执行函数	window

2.2 改变函数内部 this 指向

call()
- 会直接调用函数
- 放的是参数列表
- 可以改变函数内部的 this 指向
- 主要作用可以实现继承
apply()
- 会直接调用函数
- 可以改变函数内部的 this 指向
- 但他的参数必须是数组(伪数组)
- apply 的主要应用：比如说我们可以利用 apply 借助于数学内置对象求最大值
```
var arr = [1,66,3,99,4];
var max = Math.max.apply(Math,arr);
console.log(max);
```
bind()
- 不会直接调用原来的函数
- 可以改变原来函数内部的 this 指向
- 返回的是原函数改变this之后产生的新函数
- 应用场景：比如定时器

3.严格模式 strict mode

3.1 什么是严格模式

约束程序员按照规范代码来进行编码

3.2 开启严格模式

在js文件或者函数的第一行写上==“use strict”;==

<script>
  　"use strict"; //当前script标签开启了严格模式
</script>
//或者
(function (){
  //在当前的这个自调用函数中有开启严格模式，当前函数之外还是普通模式
　　　　"use strict";
       var num = 10;
　　　　function fn() {}
})();