![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
ES6 travel
文章平均质量分 80
半糖冰
前端开发爱好者 不出意外的话
以后的头发 就赋予卿了…
展开
-
ES6 Module 模块 服务器模式运行HTML文件
目录前言一、安装Live Server 插件二、Live Server 插件配置默认打开浏览器1.点击插件配置按钮2.在展开中选择“扩展设置”3.设置live server默认打开浏览器为“firefox”4、注意在工作区检查是否已经设置完成了5、最后选中THML文件,右键选择"open with Live Server"。结束语前言本文是小糖针对ES6中的Module模块的关联文章,主要讲述HTML文件中Module 模块如何以服务...原创 2021-11-18 22:15:26 · 571 阅读 · 5 评论 -
ES6(八)Module 模块(保姆级)
目录前言一、概述1、模块含义2、特点二、export命令1、含义2、语法3、规范注意三、import命令1、含义2、语法3、注意(1)引用(2)只读属性(3)自动提升上面代码中,import会自动提升至最顶部,这样写是合法的(4)静态三、模块在html文件的实现1、常见错误2、解决方法3、文件实现四、as命令1、含义2、语法五、export default 命令1、唯一性2、无需{}3、任意变量.原创 2021-11-18 22:07:22 · 2212 阅读 · 0 评论 -
ES6(七)Class的继承(下)
目录前言一、extend关键字1、语法2、实例二、super关键字1、含义2、语法3、实例4、结果验证5、要点(1)注意项(2)个人理解(3)错误示范(4)结果验证结束语前言这篇文章小糖将给大家分享Class最常用的继承(懒惰使小糖又拖了好久呜呜呜),相比ES5,ES6的继承通过使用关键字使得实现继承更加清晰方便。继承,小糖认为这与封装调用一个函数类似,类class_1的所有函数与方法让class_2使用,相当于封装一个函数然后调用修改原创 2021-11-15 16:57:47 · 1093 阅读 · 0 评论 -
ES6(七)Class 的基本语法
前言 ES6 引入了 Class(类)这个概念,作为对象的模板。通过class关键字,可以定义类,使得函数书写更贴近面向对象编程的语法。 通俗来说,Class的引入很大原因是要使语法贴近面向对象编程的语法,新的class写法只是让对象原型的写法更加清晰。今天Class用法class people { constructor (name, sex) { this.name = name; this.sex = sex; ...原创 2021-11-07 17:49:39 · 231 阅读 · 0 评论 -
ES6(六)proxy(代理)对象,一张“有灵魂”的拦截网
目录前言一、proxy1、概述2、语法二、常用实例方法1、get()---拦截读取(1)就get()方法的第一二参数举例(2)下面针对get()方法的第三个参数举例2、set()-----拦截赋值(1)针对第一二三参数 举例(2)针对第四个参数 举例三、结束语前言 proxy对象在有些官方文档里所阐述的尤其晦涩,但其实是专业术语太多,像target、handler等...(主要是很多资料的例子太繁杂了,一时间捋不清思路,建议...原创 2021-10-30 01:16:26 · 1650 阅读 · 3 评论 -
ES6(五)重难点(下):Map对象
目录前言一、Map对象1、Map简述(1)概念2、对象特性(1)key的多样性2、Map对象常用方法(1)set( key, value )---设置(2)get(key)---获取(3)delete (key) ---删除(4)clear( )---清除所有(5)foreach()---遍历二、结束语前言了解Map之前,键值对是我们所要理解的术语,所谓键值对,在对象中也就是对象属性,在一些教程中,有提到 "JavaScript 对象是键值对的原创 2021-10-28 14:06:57 · 1228 阅读 · 3 评论 -
ES6(五)重难点(上):Set对象
目录前言:一、Set 对象1、Set 简述(1)概念(2)语法(举个栗子)2、对象特性(1)存储值唯一性(2)存储类型多样性3、Set对象常用方法(1)add()---添加(2)delete()---删除(3)has()----判断(4)clear()----清除所有数据(5)for of----遍历二、结束语前言: 了解Set之前,键值对是我们所要理解的术语,所谓键值对,在对象中也就是对象属性...原创 2021-10-28 01:41:34 · 1015 阅读 · 2 评论 -
ES6(四)形式简洁 => 箭头函数
目录前言一、箭头函数1、概念:2、语法:(对比普通函数)3、举个栗子:二、函数特性1、小括号可简写2、大括号可简写3、不含this关键字外部无函数场景外部有函数场景三、结束语前言 在javascript基础中,我们声明一个函数通常都是用function的。但是,即使是对于函数内书写功能再简单,function形式也不能作相应的化简,这就导致了程序的冗杂。当然,这只是小糖的个人理解。下面,我们来学习箭头函数~一、箭头函数...原创 2021-10-25 17:23:41 · 1112 阅读 · 1 评论 -
ES6(三)独一无二 是 Symbol ❤ ❤
目录前言一、Symbol详述1、原理:2、基本用法3、作用:作为属性名(1)语法: 举个栗子~(2)第二种写法(3)注意点:二、结束语前言今天是10.24程序员节,小糖祝大家节日快乐,共勉!希望我们都如Symbol一样,皆能成为独一无二的程序员!今天,小糖给大家分享的是ES6新增的一种原始数据类型-----------Symbol一、Symbol详述1、原理: 作为ES6心中的一种原始数据类型,表独一无二...原创 2021-10-24 12:09:07 · 90 阅读 · 0 评论 -
ES6(二)解构赋值
前言 在ES5(也就是我们之前所学的javascript基础)中,在数组取值的时候我们如果要取全部(n个)值,就相对应的要声明n个变量,看以下代码: { let array = [1,2,3]; console.log(array[0]); console.log(array[1]); console.log(array[2]); //声明三次变量才可以取出来 ...原创 2021-10-23 20:12:54 · 3290 阅读 · 1 评论 -
ES6 (一) let与const关键字
前言:(ES6) 新增加了两个重要的 JavaScript 关键字: let 和 constlet可以保证只在自身代码块内有效,这样很大程度上避免了变量重复,加上其本身一些特性,在以后开发过程中会比一味用var声明香多了(var声明全局变量);const小糖认为类似于c语言的const,声明之后不准改变变量的值,在ES6中,const声明一个只读变量。一、let特性1、let 只在代码块内有效 { let data = 0; ...原创 2021-10-23 12:44:40 · 222 阅读 · 1 评论