JS函数定义、调用、this指向、严格模式、高阶函数、闭包、递归、深浅拷贝

本文详细探讨JavaScript函数的定义,包括自定义函数、函数表达式、Function构造函数及函数作为对象。深入讲解函数调用的不同方式,如普通调用、作为对象方法、构造函数等。此外,文章还阐述了this的指向及其改变方法call()、apply()和bind()。接着,介绍了严格模式的定义、开启方式及其对语法的影响。高阶函数、闭包和递归的概念和应用也被涵盖,最后讨论了浅拷贝和深拷贝的区别及实现方法。
摘要由CSDN通过智能技术生成

函数

函数的定义

1. 自定义函数(命名函数)

	function fn() {
   };

2. 函数表达式 (匿名函数)

	var fun = function() {
   };

3. 利用 new Function(‘参数1’,‘参数2’, ‘函数体’)

Function() 里的必须是字符串格式

		var f = new Function('a', 'b', 'console.log(a + b)');
        f(1, 2);

4. 所有函数都是 Function 的实例(对象),函数也属于对象

instanceof 检测前者属不属于后者

        console.dir(f);
        console.log(f instanceof Object);
		//结果
		[Function: anonymous]
		true

在这里插入图片描述

函数调用

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. 定时器函数

这个函数是定时器自动1秒钟调用一次

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

6. 立即执行函数

立即执行函数是自动调用

		(function() {
   
            console.log('人生的巅峰');
        })();
        // 立即执行函数是自动调用

this的指向

调用函数的时候确定的,调用的方式不同决定了this的指向问题。
在这里插入图片描述

		<button>点击</button>
    <script>
        // 函数的不同调用方式决定了this 的指向不同
        // 1. 普通函数 this 指向window
        function fn() {
   
            console.log('普通函数的this' + this);
        }
        window.fn();
        // 2. 对象的方法 this指向的是对象 o
        var o = {
   
            sayHi: function() {
   
                console.log('对象方法的this:' + this);
            }
        }
        o.sayHi();
        // 3. 构造函数 this 指向 ldh 这个实例对象 原型对象里面的this 指向的也是 ldh这个实例对象
        function Star() {
   };
        Star.prototype.sing = function() {
   

        }
        var ldh = new Star();
        // 4. 绑定事件函数 this 指向的是函数的调用者 btn这个按钮对象
        var btn = document.querySelector('button');
        btn.onclick = function() {
   
            console.log('绑定时间函数的this:' + this);
        };
        // 5. 定时器函数 this 指向的也是window
        window.setTimeout(function() {
   
            console.log('定时器的this:' + this);

        }, 1000);
        // 6. 立即执行函数 this还是指向window
        (function() {
   
            console.log('立即执行函数的this' + this);
        })();
    </script>
	//结果
	普通函数的this[object Window]
	对象方法的this:[object Object]
	立即执行函数的this[object Window]
	定时器的this:[object Window]
	绑定时间函数的this:[object HTMLButtonElement]

改变this的指向

改变函数内this指向 js提供了三种方法 call() apply() bind()

1. call()

call 第一个可以调用函数 第二个可以改变函数内的this 指向,
call 的主要作用可以实现继承

		// 1. call()
        var o = {
   
            name: 'andy'
        }

        function fn(a, b) {
   
            console.log(this);
            console.log(a + b);

        };
        fn.call(o, 1, 2);
        // call 第一个可以调用函数 第二个可以改变函数内的this 指向
        // call 的主要作用可以实现继承
        function Father(uname, age, sex) {
   
            this.uname = uname;
            this.age = age;
            this.sex = sex;
        }

        function Son(uname, age, sex) {
   
            Father.call(this, uname, age, sex);
        }
        var son = new Son('刘德华', 18, '男');
        console.log(son);
2. apply()

1. 也是调用函数 第二个可以改变函数内部的this指向
2. 但是他的参数必须是数组(伪数组)
3. apply 的主要应用 比如说我们可以利用 apply 借助于数学内置对象求数组最大值

		// 2. apply()  应用 运用的意思
        var o = {
   
            name: 'andy'
        };

        function fn
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值