JavaScript进阶——面向对象ES6（三）

函数的定义和调用

函数的定义方式

函数声明方式function关键字（命名函数）
函数表达式（匿名函数）
new Function()

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

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

this

函数内this的指向

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

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

改变函数内部的this指向

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

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

fun.call(thisArg,arg1,arg2,...)

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

fun.apply(thisArg[,argsArrays])

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

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

fun.bind(thisArg,arg1,arg2,...)

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

call apply bind 总结

相同点：都可以改变函数内部的this指向

区别点：

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

主要应用场景：

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

严格模式

什么是严格模式

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

严格模式在IE10以上的版本的浏览器中才会支持，旧版本浏览器中会忽略。
严格模式对正常模式的JavaScript语义做了一些更改：

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

开启严格模式

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

为脚本开启严格模式

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

<script>
    "use strict";
</script>

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

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

为函数开启严格模式

在函数中的第一行声明 use strict 即可：

function func(){
    'use strict';
}

严格模式中的变化

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

变量规定

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

严格模式下this指向问题

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

函数变化

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

高阶函数

高阶函数是对其他函数进行操作的函数，它接收函数作为参数或将函数作为返回值输出。

<script>
function fn(callback){
    calback&&callback();
}
fn( function(){alert('HelloWorld!') }
</script>

<script>
function fn(){
    return function(){}
}
fn();
</script>

此时fn就是一个高阶函数

函数也是一种数据类型，同样可以作为参数，传递给另外一个参数使用。最典型的就是作为回调函数。

闭包

变量作用域

变量根据作用域的不同分为两种：全局变量和局部变量。

函数内部可以使用全局变量。
函数外部不可以使用局部变量。
当函数执行完毕，本作用域内的局部变量会销毁。

什么是闭包

闭包（closure）指有权访问另一个函数作用域中的变量的函数。 -----JavaScript高级程序设计。

简单理解就是，一个作用域可以访问另外一个函数内部的局部变量。

闭包主要作用：延伸了变量的作用范围。代码如下所示，使用高阶函数创建闭包：

function func(){
    var number = 100;
    return function(){
        console.log(number);
    }
}
var otherFunc = func();
otherFunc();

递归

什么是递归？

如果一个函数在内部可以调用其本身，那么这个函数就是递归函数。
简单理解：函数内不自己调用自己。这个函数就是递归函数。

浅拷贝和深拷贝

浅拷贝只是拷贝一层，更深层次对象级别的值拷贝引用。
深拷贝多层，每一级的数据都会拷贝。
Object.assign(target,...sources) es6新增方法可以浅拷贝。

posted @ 2022-05-24 22:59 maplerain 阅读(33) 评论(0) 编辑收藏举报

刷新页面返回顶部

Maplerain