JS进阶：作用域、解构、箭头函数

最新推荐文章于 2024-04-07 18:49:01 发布
最新推荐文章于 2024-04-07 18:49:01 发布
阅读量444 收藏
点赞数
分类专栏： 前端 博学谷学习 黑马 文章标签： javascript 前端 java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_64371862/article/details/128138877
版权
本文将深入探讨JavaScript中的作用域规则，包括全局作用域、函数作用域和块级作用域。同时，我们将解析变量声明、提升以及闭包的概念。接着，我们将讨论解构赋值的用法，它如何简化对象和数组的赋值。最后，我们将研究箭头函数的特点，包括其如何改变`this`的指向及其简洁的语法。通过这些深入理解，提升你的JavaScript编程技能。
摘要由CSDN通过智能技术生成

#博学谷IT学习技术支持#

一、作用域

作用域（scope）规定了变量能够被访问的“范围”，离开了这个“范围”变量便不能被访问，
作用域分为： 局部作用域、 全局作用域
1.局部作用域
局部作用域分为函数作用域和块作用域
函数作用域：在函数内部声明的变量只能在函数内部被访问，外部无法直接访问。
注：
    函数内部声明的变量，在函数外部无法被访问
    函数的参数也是函数内部的局部变量
    不同函数内部声明的变量无法互相访问
    函数执行完毕后，函数内部的变量实际被清空了
块作用域：
最低0.47元/天 解锁文章
小刘儿啊
关注
专栏目录
JavaScript进阶（一）之作用域/作用域链/js垃圾回收机制/闭包/变量提升/函数提升/动态参数/剩余参数/箭头函数/数组对象解构/forEach/filter
qq_66318904的博客
04-22 567
学习作用域、变量提升、闭包等语言特征，加深对 JavaScript 的理解，掌握变量赋值、函数声明的简洁语法，降低代码的冗余度。JavaScript 中的作用域是程序被执行时的底层机制，了解这一机制有助于规范代码书写习惯，避免因作用域导致的语法错误。知道函数参数默认值、动态参数、剩余参数的使用细节，提升函数应用的灵活度，知道箭头函数的语法及与普通函数的差异。复杂数据类型放到堆里面。目的：引入箭头函数的目的是更简短的函数写法并且不绑定this，箭头函数的语法比函数表达式更简洁。
作用域 解构 箭头函数
liubibaoo的博客
07-10 374
1.局部作用域 就是定义局部变量的地方,执行完毕以后,内存立刻回收局部变量包括 在函数内部 ,for循环里面的变量2.在整个script标签或者整个JS都能访问的变量 属于全局变量,作用范围就是全局作用域整个.js文件中定义的变量 ,跨域文件和跨域script 标签也可以访问全局变量能跨域 .js文件和script标签3.作用域链 作用域链就是变量的逐级查找机制 ,遵循的原则是就近原则4.闭包 闭包 = 内层函数 + 外层函数的变量作用 : 拓展局部变量的作用范围 没事少用闭包 会造成内存泄漏
JS的箭头函数this作用域
weixin_30515513的博客
08-31 221
name="小刚"; let student={ name:"小明", printLog:function(){ // 这里绑定了顶层作用域，可以使用变量与方法 console.log(this) }, printArrowLog:()=>{ // 这里不知道绑定的是哪个作用域...
JavaScript 高阶 | 作用域&解构&箭头函数
csyldjy的博客
06-13 687
目录1 作用域1.1 局部作用域1.2 全局作用域1.3 作用域链1.4 JS垃圾回收机制1.4.1 什么是垃圾回收机制？1.4.2 内存的生命周期1.2.3 垃圾回收算法说明1.5 闭包​编辑 1.6 变量提升2 函数进阶2.1 函数提升2.2 函数参数2.2.1 动态参数2.2.2 剩余参数补充:展开运算符2.3 箭头函数（重要）2.3.1 语法2.3.2 箭头函数参数2.2.3 箭头函数 this3 解构赋值3.1 数组解构 作用域（scope）规定了变量能够被访问的“范围”，离开了这个“范围”变
JS - 箭头函数与 () {} 的作用域
weixin_30677475的博客
12-01 174
foo () { // ... } 等价于 foo: function () { // ... } foo: () => { // ... } 范例： // 全局 name = 'zhangsan' const a = { name: 'lisi', sayName () { console.log...
箭头函数的作用域
let4897
10-01 2028
箭头函数的作用域是和定义这个箭头函数的父级上下文绑定在一起的 匿名函数的作用域是和定义匿名函数的上下文绑定在一起的 var obj = { id: 0, func: function(){ console.log(this.id); } } obj.func(); this.id = 1; var obj1 = { id: 2, func: () => console....
JS进阶 Day1 作用域 函数进阶 结构赋值（学习笔记）
HGKIVD的博客
10-27 265
JS进阶学习 第一天内容
js进阶--JSON，克隆，解构赋值,class类与箭头函数 06
cuishoulong3424的博客
12-04 541
文章目录Array.from(类数组)sort中的a，b代表的每一项JSON浅克隆深克隆es6letconst对于对象中属性名与属性值一样的只写一个就可以解构赋值数组的解构赋值对象的解构赋值函数参数运用解构赋值展开运算符与剩余运算符箭头函数class类 Array.from(类数组) Array.from(类数组) 将类数组转换为数组 var ary = []; function A() { ary = Array.from(arguments); } A(1, 2, 3, 10, 9);
前端开发进阶：JavaScript基础与DOM操作
# 1. JavaScript基础 ...JavaScript中的变量可以用var、let、const关键字声明，它们有不同的作用域和生命周期。 常见的数据类型包括：数字（Number）、字符串（String）、布尔型（Boolean）、数组（Array）、对
箭头函数及其作用域
jjw_zyfx的博客
10-05 463
<script> // 问题: 箭头函数中的this是如何查找的了? // 答案: 向外层作用域中, 一层层查找this, 直到有this的定义. // const obj = { // aaa() { // setTimeout(function () { // console.log(this); // window // ...
箭头函数参数解构
weixin_30609287的博客
07-30 487
var elements = [ 'Hydrogen', 'Helium', 'Lithium', 'Beryllium' ]; elements.map(function(element) { return element.length; }); // 返回数组：[8, 6, 7, 9] // 上面的普通函数可以改写成如下的箭头函数...
js中，this的含义，箭头函数作用域问题
weixin_40405152的博客
06-16 460
问题：箭头函数的作用域是如何查找的 答：向外层作用域中，一层一层的查找，直到作用域中有this的定义。
ES6箭头函数和它的作用域
hacke2' Blog
11-10 8016
在ES6很多很棒的新特性中, 箭头函数 (或者大箭头函数)就是其中值得关注的一个! 它不仅仅是很棒很酷, 它很好的利用了作用域, 快捷方便的在现在使用以前我们用的技术, 减少了很多代码……但是如果你不了解箭头函数原理的话可能就有点难以理解. 所以,让我们来看下箭头函数, 就是现在!
JS——作用域、解构、箭头函数
最新发布
Axuangogo的博客
04-07 532
JS——作用域、解构、箭头函数
JavaScript -作用域&解构&箭头函数
2301_76866366的博客
04-03 183
作用域 垃圾回收机制 引用计数法 标记清除法 闭包 变量提升 函数提升 函数参数 arguments对象 剩余函数 展开运算符 箭头函数 解构赋值 filter筛选数组
javaScript 11 作用域·箭头函数·数组解构进阶
嗨，朋友你好！我是前端领域的工作者
12-08 345
本文概述：javaScript作用域的范围与判定、箭头函数/剩余参数/动态参数的写法与展开运算符/数组解构的常见用法
js解密]箭头函数的this作用域解析
mxd01848的博客
09-23 328
js解密]箭头函数的this作用域解析
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值