函数进阶 JavaScript

函数进阶

函数的定义和调用

函数的定义方式

1. 函数声明方式function关键字(命名函数
2. 函数表达式(名函数)
3. new Function0

var fn = new Function('参数1' ，'参数2'...,'函数体');

• Function 里面参数都必须是字符串格式
• 第三种方式执行效率低，也不方便书写，因此较少使用
• 所有函数都是 Function 的实例(对象)
• 函数也属于对象

函数的调用方式

1. 普通函数
2. 对象的方法
3. 构造函数
4. 绑定事件函数
5. 定时器函数
6. 立即执行函数

// 1.普通函数
function fn() {
	console.log('人生的巅峰');
}
// fn();  fn.call()
// 2.对象的方法
var o = (
	sayHi: function() {console.log("人生的巅峰');
}
o.sayHi();
// 3.构造函数
function star() {};
new star();
// 4.绑定事件函数
// btn.onclick = function() {};  // 点击了按钮就可以调用这个函数
// 5。定时器函数
// setInterval(function() {}，1000); 这个函数是定时器自动1秒钟调用一次
// 6.立即执行函数
(function() {
    console.log('人生的巅峰');
})();
// 立即执行函数是自动调用

this

函数内 this 的指向

这些 this的指向，是当我们调用函数的时候确定的。调用方式的不同决定了this的指向不同

一般指向我们的调用者

改变函数内部 this 指向

JavaScript 为我们专门提供了一些函数方法来帮我们更优雅的处理函数内部 this 的指向问题，常用的有 bind()、call()、apply()三种方法

call 方法

call() 方法调用一个对象。简单理解为调用函数的方式，但是它可以改变函数的 this 指向

fun.call(thisArg, argl, arg2， ...)

• thisArg：当前调用函数 this 的指向对象
• arg1，arg2：传递的其他参数

apply方法

apply() 方法调用一个函数。简单理解为调用函数的方式，但是它可以改变函数的 this 指向

fun.apply(thisArg, [argsArray]);

• thisArg:在fun函数运行时指定的this值
• argsArray:传递的值，必须包含在数组里面
• 返回值就是函数的返回值，因为它就是调用函数

bind方法

bind0方法不会调用函数。但是能改变函数内部 this 指向

fun.bind(thisArg,argl, arg2, ...);

• thisArg:在fun 函数运行时指定的this值
• arg1，arg2:传递的其他参数
• 返回由指定的this 值和初始化参数改造的原函数拷贝

call apply bind 总结

相同点：

都可以改变函数内部的this指向

区别点:

1. call和apply 会调用函数并且改变函数内部this指向
2. call和apply传递的参数不一样,call 传递参数aru1,aru2.形式 apply必须数组形式[arg]
3. bind 不会调用函数可以改变函数内部this指向

主要应用场景:

1. call 经常做继承
2. apply 经常跟数组有关系比如借助于数学对象实现数组最大值最小值
3. bind 不调用函数但是还想改变this指向，比如改变定时器内部的this指向

严格模式

什么是严格模式

JavaScript除了提供正常模式外，还提供了严格模式(strictmode )。ES5 的严格模式是采用具有限制性JavaScript变体的一种方式，即在严格的条件下运行JS代码。

严格模式在IE10以上版本的浏览器中才会被支持，旧版本浏览器中会被忽略

严格模式对正常的JavaScript语义做了一些更改：

1. 消除了Javascript语法的一些不合理、不严谨之处，派少了一些怪异行为
2. 消除代码运行的一些不安全之处，保证代码运行的安全
3. 提高编译器效率，增加运行速度
4. 禁用了在ECMAScript的未来版本中可能会定义的一些语法，为未来新版本的Javascript做好铺垫。比如一些保留字如:class,enum,export,extends,import,super 不能做变量名

开启严格模式

严格模式可以应用到整个脚本或个别函数中。因此在使用时，我们可以将严格模式分为为脚本开启严格模式和为函数开启严格模式两种情况

为脚本开启严格模式

为整个脚本文件开启严格模式，需要在所有语句之前放一个特定语句“use strict”;(或‘use strict’ 😉。

<script>
	"use strict";
	consoleGog("这是严格模式。");
</script>

有的script基本是严格模式，有的script脚本是正常模式，这样不利于文件合并，所以可以将整个脚本文件放在一个立即执行的匿名函数之中。这样独立创建一个作用域而不影响其他 script脚本文件。

<script>
	(function (){
		"use strict";
         var num = 10;
         function fn() {}
    }) ();
</script>

为函数开启严格模式

要给某个函数开启严格模式，需要把“use strict”;(或’use strict‘;)声明放在函数体所有语句之前

<script>
	function fn(){
		"use strict";
    	// 严格模式
    });
	function fn(){
		// 普通模式
    });
</script>

严格模式中的变化

严格模式对Javascript的语法和行为，都做了一些改变

变量规定

1. 在正常模式中，如果一个变量没有声明就赋值，默认是全局变量。严格模式禁止这种用法，变量都必须先用var命令声明，然后再使用。
2. 严禁删除已经声明变量。例如，delete x; 语法是错误的

严格模式下 this 指向问题

1. 以前在全局作用域函数中的this指向 window对象。
2. 严格模式下全局作用域中函数中的this是 undefined
3. 以前构造函数时不加new也可以调用,当普通函数，this指向全局对象
4. 严格模式下如果构造函数不加new调用,this会报错
5. new 实例化的构造函数指向创建的对象实例
6. 定时器this还是指向window。
7. 事件、对象还是指向调用者

变化

1. 函数不能有重名的参数
2. 函数必须声明在顶层新版本的JavaScript 会引入“块级作用域”( ES6中已引入)。为了与新版本接轨不允许在非函数的代码块内声明函数

更多严格模式要求参考: (https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Strict_mode)