js的高级笔记3:函数的几种定义方式和调用、call()、apply()、bind()、严格模式、高阶函数、闭包、递归、浅拷贝、深拷贝

最新推荐文章于 2021-12-28 11:32:08 发布
最新推荐文章于 2021-12-28 11:32:08 发布
阅读量199 收藏 1
点赞数
分类专栏： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42129553/article/details/108996696
版权
js 专栏收录该内容
49 篇文章 6 订阅 ¥19.90 ¥99.00
订阅专栏
本文深入探讨JavaScript中的高级特性，包括函数的三种定义方式（声明、表达式、Function构造函数）、this的指向及其通过call、apply、bind改变、严格模式的开启与变化、高阶函数概念及闭包的应用。通过递归和拷贝（浅拷贝、深拷贝）示例，进一步理解JS的灵活性。
摘要由CSDN通过智能技术生成

1.函数的定义和调用

1.1函数的定义方式

  1. 方式1 函数声明方式 function 关键字 (命名函数)

    function fn(){
     }

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

    var fn = function(){
了解本专栏 订阅专栏 解锁全文
小黄呀呀呀
关注
专栏目录
订阅专栏
JS基础之手写bind方法和手写深拷贝
curacaolb的博客
08-21 444
手写bind方法 要说到bind方法，自然离不开说到他的两个兄弟call和apply了。他们三兄弟最主要的功能就是改变this的指向了，但彼此之间也有一些不同。 下面先细细道来~ call方法 call 的语法： Function.call (obj,[param1...]) 调用 call 的对象，必须是个函数。 call 的第一个参数，是一个对象。 Function 的调用者，将会指向这个对象。如果不传，则默认为全局对象 window。 第二个参数开始，可以接收任意个参数。每个参数会映射到相应位置的
【手写】深拷贝/防抖/节流/call/apply/bind
weixin_43715100的博客
08-08 226
深拷贝 function deepClone(obj={}) { //obj不是对象或数组，直接返回 if (typeof obj !== 'object' || obj == null) return obj //初始化返回结果 let result if(obj instanceof Array) { result = [] } else { result = {} } for(let k
4.函数高级，调用，this，严格模式，高阶函数，闭包，递归，浅拷贝深拷贝
qq_33651064的博客
04-15 137
1.函数的3种定义 2.函数也是对象，原型链如下 <script> // 函数的定义方式 // 1. 自定义函数(命名函数) function fn() {}; // 2. 函数表达式 (匿名函数) var fun = function() {}; // 3....
2020-10-21 DAY6 函数用法
qq_42119837的博客
10-21 336
函数简介 函数是可重用的程序代码块。函数的作用，不仅可以实现代码的复用，更能实现代码的 一致性。一致性指的是，只要修改函数的代码，则所有调用该函数的地方都能得到体现。 函数的基本概念 1. 一个程序由一个个任务组成；函数就是代表一个任务或者一个功能。 2. 函数是代码复用的通用机制。 Python 函数的分类 Python 中函数分为如下几类： 1. 内置函数 我们前面使用的 str()、list()、len()等这些都是内置函数，我们可以拿来直接使用。 2. 标准库函数 我们可以通过 im
前端基础学习之js高级-apply()、call()、bind()使用
no pains,no gains
09-11 309
1.函数简要说明 首先简单说一下，对象中都有__ptoto__属性，而函数中也有__proto__，因此函数也是对象。函数其实是Function构造函数的实例对象。即：如下的addFun1的调用效果和addFun2的调用效果是一样的。 addFun1: function add(num1,num2) { return num1+num2; } console.log(add(20,30)) addFun2 let f2=new Function("num1","num2","return num1+nu
JavaScript高级第03天笔记1
08-04
JavaScript 高级笔记 - 函数的定义和调用、this 指向和改变、严格模式 JavaScript 中的函数定义和调用是编程语言的基础。函数可以定义多种方式，包括函数声明、函数表达式和 new Function()。函数的调用方式也多种...
JS面试题之创建对象7种方式，原型链，call/apply/bind（一）
小帅的编程笔记
09-10 268
我是傲夫靠斯，欢迎关注我的公众号【前端工程师的自我修养】，每天更新。 今天开始，我将不定期的分享一些面试题，答题不是目的，目的帮助我们一起巩固JS的基础知识，让我们平时写代码的时候多一些选择。今天主要是3道题，是JS中比较基础的，也是面试常问的。 今日题目： 在JS里有几种创建对象的方式，分别是什么？ 什么是原型链？ call、apply和bind有什么区别？ 1. 在JS里有几种创建对象的方式，分别是什么？ Object构造函数 通过这种方式可以创建一个空对象，但现实中不推荐用。 const .
JavaScript高级之函数进阶学习笔记
Lostdeer的博客
01-13 442
JavaScript高级之函数进阶学习笔记1 函数的定义和调用1.1 函数的定义方式1.2 函数的调用方式2 this2.1 改变函数内部 this 指向2.2 call apply bind 总结3 严格模式3.1 什么是严格模式3.2 开启严格模式3.3 严格模式中的变化4 高阶函数5 闭包5.1 变量作用域5.2 什么是闭包5.3 在 chrome 中调试闭包5.4 闭包的作用5.5 闭包总结6 递归 1 函数的定义和调用 1.1 函数的定义方式 函数声明方式 function 关键字 (命名
javascript笔记之匿名函数和闭包.docx
01-18
在上述文档中，我们看到几种不同的匿名函数使用方式： 1. **匿名函数自执行**：`(function(){})()`，这种写法会立即执行该匿名函数。 2. **函数内的匿名函数**：`function() { return function(){}; }`，在这里，...
Javascript ES5简介（严格模式、扩展方法、call apply bind）
微特程序员
03-25 195
ES5 1.ES5严格模式 在全局或者函数的第一行使用字符串 ‘use strict’ 来表明使用严格模式 严格模式下的规范： 必须使用var来声明遍历 禁止自定义函数中的this指向window 创建eval作用域（不会污染全局的变量） 对象不能有重名的属性 2.JSON对象扩展 将对象与JSON对象互相转换 JSON.stringfy(obj)：转换成JSON对象 JSON.pa...
本地存储、cookie与localStorage和sessionStorage的异同、深拷贝和浅拷贝、apply,call,bind有什么异同
CIA的博客
10-01 184
localStorage和sessionStroage localStorage sessionStroage 增改 localStorage.setItem("name", "老王"); localStorage.age = 18; localStorage["gender"] = "M"; 查 localStorage.getItem("name"); localStorage.age localStorage["gender"] 遍历 key(index):遍历所有的key for
JS 函数指定this的apply、call、bind 及浅拷贝等
苏小锅的博客
08-17 404
一、复习    函数一定是对象，对象不一定是函数 二、apply 和 call 都可以让函数或方法调用，传参和调用的写法不同，效果一样 改变this 指向，指向传入的这个对象 f1.apply(对象，[10，20 ]) == f1(10,20) f1.call (对象，10 , 20 ) this 指向stu ，获取到的属性都是stu的 apply 和 call 方法都包含在Fu...
JS中的bind()方法
firstcode666的博客
12-28 5238
Function.prototype.bind()方法 转自——JS中的bind()方法_kongjunchao159的博客-CSDN博客_bind方法 bind()方法主要就是将函数绑定到某个对象，bind()会创建一个函数，函数体内的this对象的值会被绑定到传入bind()第一个参数的值，例如，f.bind(obj)，实际上可以理解为obj.f()，这时，f函数体内的this自然指向的是obj 例子 var a = { b : function...
【JavaScript 学习--13】--深入理解JS bind函数中多参数问题
corner2030的博客
04-06 5581
首先来理解下bind的概念：bind()方法，用来创建一个函数的实例=（新函数），其新函数的this值会被绑定到给定bind()的第一个参数。 注意理解这个实例，将会是你理解bind的关键。你可以理解为新函数，也就是bind之后是生成一个新函数 例1：理解bind后的this指向。 var o = {color: 'blue'}; function sayColor() {aler...
原生JS实现深拷贝
wang839305939的博客
06-30 5672
说到深浅拷贝的问题，其实就是堆内存和栈内存的问题。 栈内存 保存基本数据类型或者引用类型数据的地址指针， 堆内存 保存对象本身。 所谓的深拷贝就是在内存中单独为该变量开辟一个存储空间。所以对于基本数据类型来说他的任何赋值都深拷贝，因为在栈内存中，数据的大小是固定，不可变的，变量一旦声明就会在内存中在栈内存中开辟一个新的空间。我们常说的深拷贝是针对于引用类型的。引用类型在栈内存中只保存了一...
js递归
热门推荐
前端技术的学习整理
07-06 4万+
js递归调用// 一个简单的阶乘函数 var f = function (x) { if (x === 1) { return 1; } else { return x * f(x - 1); } }; Javascript中函数的巨大灵活性，导致在递归时使用函数名遇到困难，对于上面的变量式声明，f是一个变量，所...
JS实现函数递归、运用技巧
luck_lin
01-13 2万+
前言 所谓的递归函数就是在函数体内调用本函数。使用递归函数一定要注意，处理不当就会进入死循环。递归函数只有在特定的情况下使用 ，比如阶乘问题。 递归计算阶乘的例子 js中递归函数的使用 function f(num){ if(num<1){
前端面试题总结(js高级部分)
go
07-19 1481
七、JS 高级…139 1、JQuery 一个对象可以同时绑定多个事件，这是如何实现的？…139 2、知道什么是 webkit 么? 知道怎么用浏览器的各种工具来调试和 debug 代码么?139 3、如何测试前端代码么? 知道 BDD, TDD, Unit Test 么? 知道怎么测试你的前端工程 么(mocha, sinon, jasmin, qUnit…)?.. 140 4、前端 templating(Mustache, underscore, handlebars)是干嘛的, 怎么用?..140 5
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小黄呀呀呀

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值