ES6 及ES6 至 ES11 的新特性 尚硅谷 学习笔记

最新推荐文章于 2023-07-13 15:53:13 发布
最新推荐文章于 2023-07-13 15:53:13 发布
阅读量756 收藏 27
点赞数 5
分类专栏： 学习笔记 文章标签： js javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43691773/article/details/112344755
版权

这里写目录标题

一 ECMAScript相关介绍

在这里插入图片描述

什么是ECMAScript

在这里插入图片描述

版本特性概述

在这里插入图片描述

二 ES6

1 为什么学习ES6

在这里插入图片描述

2 ES6 let 关键字

在这里插入图片描述

(1)变量不能重复声明

在这里插入图片描述
在这里插入图片描述

(2)块级作用域

代码块中才有效

不仅是{ } 内 if else while for 都是块级作用域

在这里插入图片描述
在这里插入图片描述

(3)不存在变量提升

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

(4) 不影响作用域链

在这里插入图片描述
在这里插入图片描述

例子

绑定事件
如果使用var 会数组越界 因为 var 是全局变量 i 会变成item.length 造成数组越界

在这里插入图片描述

3 ES6 const常量(不可修改) 关键字

在这里插入图片描述
通过第5点可知 变量和对象建议使用 const赋值

4 ES6 变量的结构赋值

数组的解构

在这里插入图片描述

在这里插入图片描述

对象的解构

在这里插入图片描述
对象方法的解构
在这里插入图片描述

5 ES6 模板字符串

在这里插入图片描述
在这里插入图片描述

6 ES6 简化对象写法

在这里插入图片描述

7 ES6 箭头函数

在这里插入图片描述

(1)箭头函数的this是静态的 this始终指向函数声明时所在作用域下的this的值在这里插入图片描述

(2) 箭头函数 不能作为构造函数 构造实例化对象

在这里插入图片描述

(3) 箭头函数 不能使用argument 变量(保存实参)

在这里插入图片描述

(4) 箭头函数的简写

在这里插入图片描述

箭头函数的实践

箭头函数的this指向声明函数时的的外层
在这里插入图片描述

在这里插入图片描述

箭头函数适合的场景

箭头函数适合与this 无关的回调 如定时器 , 数组的方法的回调

箭头函数不适合 与 this 有关的回调 如事件回调, 对象的方法
在这里插入图片描述

8 ES6 函数参数(形参)默认值

在这里插入图片描述
在这里插入图片描述
##9 ES6 rest参数
在这里插入图片描述
在这里插入图片描述

9 ES6 扩展运算符

在这里插入图片描述

应用

数组的合并
在这里插入图片描述
数组的克隆
在这里插入图片描述
伪数组转为真正的数组
在这里插入图片描述

10 ES6 Symbol

Symbol的介绍和创建

在这里插入图片描述
在这里插入图片描述

js的七种类型

USONB you are so NB
U : undefined
S : string symbol
O : object
N : null number
B boolean

对象添加 Symbol 类型的属性(独一无二的属性)

game里已经有up down的方法 但是开发人员有可能不知道 用Symbol的方式添加相对安全
在这里插入图片描述
在这里插入图片描述

Symbol 的内置属性

控制对象在特定场景下的表现 具体可以看下面的结果示例

最低0.47元/天 解锁文章
Java全栈百度工程师
关注
  • 5
    点赞
  • 踩
  • 27
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ES6-ES11新特性（这一篇就够了）
m0_61490399的博客
06-29 3518
ECMAScript 是一种由 Ecma 国际（前身为欧洲计算机制造商协会）在标准 ECMA-262 中定义的脚本语言规范。这种语言在万维网上应用广泛，它往往被称为 JavaScript 或 JScript，但实际上后两者是 ECMA-262 标准的实现和扩展ECMAScript 是由网景的布兰登·艾克开发的一种脚本语言的标准化规范；最初命名为Mocha，后来改名为 LiveScript，最后重命名为 JavaScript。1995年12月，升阳与网景联合发表了JavaScript。1996年11月，网景公
ES6 入门教程 22 Class 的基本语法 22.9 静态属性 & 22.10 私有方法和私有属性
谢谢你们的关注
11-23 949
ES6 入门教程 22 Class 的基本语法 22.9 静态属性 & 22.10 私有方法和私有属性
浅谈 ES6 中的 static 正确使用姿势
赵花花的博客
03-01 698
记录 es6 中 static 的使用
ES6、ES7、ES8、ES9、ES10、ES11、ES12都增加了哪些新特性？
最新发布
Front小思的博客
07-13 3108
前端开发的都知道，JavaScript经历了不同标本的迭代，从1到12的不断完善中会添加不同的新特性来解决前一个阶段的瑕疵，让我们开发更加便捷与写法更加简洁！ >我记得我第一次接触js的时候是从大学的《21天精通JavaScript》，名字很好听，但是现在还在学，还没有精通！哈哈哈哈！ >下面来回顾ES5与谈谈ES6、ES7、ES8、ES9、ES10、ES11、ES12都增加了哪些新特性？
ES6 类的学习（三） --- class静态属性和静态方法
秋天，黄叶坠地，凉风有信。
02-28 2184
静态属性和静态方法 我们可以把一个方法赋值给类的函数本身，而不是赋给它的 "prototype"。这样的方法被称为 静态的（static）。 在一个类中，它们以 static 关键字开头，如下所示： class User { static staticMethod() { alert(this === User); } } User.staticMethod(); // true 这实际上跟直接将其作为属性赋值的作用相同： class User { } User.staticMetho
JavaScript ES6~ES11新特性学习笔记练习文件
05-02
这份“JavaScript ES6~ES11新特性学习笔记练习文件”正是为了帮助开发者系统学习和掌握这些新特性而准备的。以下将详细阐述这些版本中的关键更新： 1. **箭头函数**： 箭头函数提供了简洁的函数定义方式，如 `...
es6尚硅谷笔记es6尚硅谷笔记
04-03
【ES6】是ECMAScript的第六版，它引入了许多新的特性和语法改进，使得JavaScript编程更加现代化和高效。在JavaScript的世界中，ECMAScript是由Ecma国际制定的...学习和理解ES6的新特性对于现代JavaScript开发至关重要。
前端学习笔记-ES6-ES11
05-26
ES6-ES11学习笔记
超详细ES6变动，ES6学习笔记，JavaScriptES6学习笔记
09-16
本学习笔记将聚焦于与ES5的区别，帮助初学者快速掌握ES6的核心概念。** 1. **变量声明：let和const** - `let`替代了`var`进行块级作用域的变量声明，解决了`var`的变量提升和函数作用域问题。 - `const`用于声明...
ES6 学习笔记 完整版PDF
03-20
ECMAScript 6（简称ES6）是于2015年6月正式发布的JavaScript语言的标准，正式名为ECMAScript 2015（ES2015）。它的目标是使得JavaScript语言可以用来编写复杂的大型应用程序，成为企业级开发语言
ES6-ES11
Koite的博客
03-19 1390
简介 1）ES全称ECMAScript，是脚本语言的规范，而平时经常编写的js，是es的一种实现，所以es新特性其实指的就是js的新特性 2）ECMA（European Coumputer Manufacturers Association）：中文名称为欧洲计算机制造商协会，这个组织的目标是评估、开发和认可电信和计算机标准、1964年后该组织改名为Ecma国际 3）ECMAScript：是由Ecma国际通过ECMA-262标准化的脚本程序设计语言 ES6 ES6兼容性查看 ECMAScript
ES6class中的静态属性和静态方法以及模块化开发
cvenginner的博客
12-13 7968
一、静态属性和静态方法 class中的静态属性和静态方法由类来直接调用和获取，不需要实例化对象来实现 使用static关键字来实现 class Person{ static num=1; constructor(name) { this.name=name } static showPerson(){ console.log("我是Person类里的静态方法") } } let p1=new Person("张三")
[笔记]ES6-ES11学习笔记
Lemon
04-11 476
ES6+笔记 视频地址：尚硅谷Web前端ES6教程，涵盖ES6-ES11 文章目录ES6+笔记一、ES6新特性速览1. let2. const3. 解构赋值4. 模板字符串5. 简化对象写法6. 箭头函数7. 给函数的参数赋值初始值8.rest参数9.扩展运算符10.symbol11.迭代器12.生成器13.Promise14.Set集合15.Map16.class 类17.数值扩展18.对象方法的扩展19.模块化一之二、ES6部分特性实践6.箭头函数9.扩展运算符10.symbol11.迭代器12.生成器
ES6至ES11（一）
十二的博客
04-14 450
什么是ECMAScript 是由ecma国际通过ECMA262标准化其中的一个。 一. let 关键字 声明变量 let a; let a,b,c; let f=21; 特性: 1. 变量不能重复声明 let a = 'xxx' let a = 'vvv' // 报错 块级作用域(在代码块内起有效) { let name = 'jack' } console.log(name) // 报错 不存在变量提升 console.log(song) // 报错 l
ES6➜ES11新特性汇总（图文详解可温故与快速查找~）
你好呀，很高兴你在看这里~
05-26 1322
文章目录：一.ES6新特性：1. let 声明变量：2.const 声明常量：3.变量解构赋值：3.模板字符串：4.对象简化写法：5. 箭头函数：6.函数参数的默认值设置：7. rest参数：8.扩展运算符：9. Symbol：10. 迭代器：11.生成器：12.promise：13. Set(集合)：14.Map：15.class类： 一.ES6新特性： 1. let 声明变量： 书写格式： let a; let b,c; let d=10,f='asd',e=[]; 注意事项： 1.变量不能重复声明：
ES6-ES11新特性简介（笔记）
qq_43234213的博客
03-19 1789
ES6 新特性 let声明的变量及声明特性 1、变量不能重复声明 2、块级作用域（es5三种作用域：全局、函数、eval） 3、不存在变量提升 4、不影响作用域链 const声明常量以及特点 1、一定要赋初始值 2、一般常量使用大写（潜规则） 3、常量的值不能修改 4、块级作用域 5、对于数组和对象的元素修改，不算做对常量的修改，不会报错 变量的解构赋值 ES6允许按照一定模式从数组和对象中提取值，对变量进行赋值，这被称为解构赋值。 1、数组的解构 const F4 =[小沈阳","刘能","赵四","宋小
ES6到ES11
qq_38472535的博客
07-15 268
ES6 01.课程介绍.mp4 02.ES6-ECMAScript相关名词介绍.mp4 03.ES6-let变量声明以及声明特性.mp4 04.ES6-let经典案例实践.mp4 05.ES6-const声明常量以及特点.mp4 06.ES6-变量的解构赋值.mp4 07.ES6-模板字符串.mp4 08.ES6-对象的简化写法.mp4 09.ES6-箭头函数以及声明特点.mp4 10.ES6-箭头函数的实践与应用场景.mp4 11.ES6-...
ES6 - 类的静态方法和静态属性
winne雪
11-21 4800
一、静态方法 类的所有方法都定义在类的prototype属性上面，所有类中定义的方法都会被实例继承，如果在类方法前面加上static关键字就不会被实例继承了。 静态方法是直接通过类名来调用。 class Person{ constructor(name="xf",age){ this.name = name; this.age = age; } static say(){ con...
尚硅谷_JavaScript_学习笔记
Jaybo
05-05 4282
JavaScript简介 JavaScript 简介： JavaScript 是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言，是一种动态、弱类型、基于原型的语言，内置支持类。它的解释器被称为 JavaScript引擎，为浏览器的一部份。同时也是一种广泛用于客户端 Web 开发的脚本语言。最初由网景公司（Netscape）的布兰登·艾克（Brendan Eich）设计， 1997 年，在
"深入学习ES6新特性：尚硅谷笔记及ECMAScript介绍
ES6 尚硅谷笔记涵盖了关于 ECMAScript 6 的完整介绍，旨在帮助学习者深入理解 ES6 的新特性并学会如何应用这些特性来提高编程效率和质量。课程从介绍 ECMAScript 的基本概念和历史出发，向学习者传达了为什么要学习 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值