2021-07-21大连东软实训第二天---es6核心

最新推荐文章于 2022-02-06 00:34:30 发布
最新推荐文章于 2022-02-06 00:34:30 发布
阅读量114 收藏
点赞数
分类专栏： 知识点 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/nalidour/article/details/118959170
版权

主要内容大概
在这里插入图片描述

let命令
在这里插入图片描述
var可以重复定义，let不可以重复定义，符合常见的语法规范
在这里插入图片描述js不存在完整的块级作用域
在这里插入图片描述但是es6中提出了块级作用域，但是必须要通过let声明

在这里插入图片描述局部作用域在外部不可使用

在这里插入图片描述用let声明a，但是不能在声明之前使用a，所以会报错，但是如果变成var则不报错，输出a=200
在这里插入图片描述let解决循环变量加监听的功能，如果是var i=0，则alert弹出的都3，因为i循环完以后就是3不变了，所以以后声明变量尽量都使用let

const关键字
在这里插入图片描述不可重新赋值，保存一些不可被更改的值

变量的解析赋值
在这里插入图片描述创建一个obj对象，不是类

在这里插入图片描述es6新的对象赋值方法，好似json，如果把username换成username1，就赋值不成功，因为匹配不到，也是好似json
在这里插入图片描述
中括号对应中括号
在这里插入图片描述
也没有问题，输出 h e l l o

模板字符串
在这里插入图片描述传统拼接方式
在这里插入图片描述高级拼接方式

简化的对象写法

在这里插入图片描述对象里面声明函数，加上this才能输出tom，如果不加输出的jerry
在这里插入图片描述es5中可以这么写，但是比较麻烦，但是在es6中

在这里插入图片描述直接这么写，简化写法，function也可以省略了

箭头函数
在这里插入图片描述
在这里插入图片描述结合foreash使用

在这里插入图片描述在这里插入图片描述所以这里的this是window，是声明时候的对象

在这里插入图片描述这个时候定时器是window，因为setinterval是window调用的

在这里插入图片描述
这个时候箭头函数有外层函数，所以此时this是btn2

在这里插入图片描述
外层的外层是window此时this是window

在这里插入图片描述
排序默认升序

在这里插入图片描述降序，牛掰，正序就是a-b

箭头函数就是简化回调函数

点点点运算符

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

在这里插入图片描述val可变参数只能在参数列表最后，上图中，1赋值给了a
在这里插入图片描述在这里插入图片描述一个扩展的用法

在这里插入图片描述箭头函数的可变参数

在这里插入图片描述js的语法不想java一样如果只有形参没有实参就会报错，语法比较松散，js中可以不传参，赋默认值的方法就是等于

数组拓展
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述find，找到第一个，上图输出6
在这里插入图片描述findIndex，找到第一个条件为true的位置，上图输出3
在这里插入图片描述上图返回true
在这里插入图片描述在这里插入图片描述 在这里插入图片描述得到NaN 表示非数字
在这里插入图片描述得到123

set和map容器
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

es6提供set
在这里插入图片描述

在这里插入图片描述
es6中的class

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

extends和super
在这里插入图片描述
重写父类的方法
在这里插入图片描述class属性扩展

在这里插入图片描述拓展属性
在这里插入图片描述拓展方法

在这里插入图片描述
在这里插入图片描述如果在原型对象上挂载，那两者都有了就

在这里插入图片描述在这里插入图片描述都是中国，所有共享的了，

在这里插入图片描述在这里插入图片描述
只改变一个另一个不变
通过p1不能改原型上的属性，相反是覆盖了直接，要通过prototype

在这里插入图片描述
挂载到原型上，对象访问不到

在这里插入图片描述只能通过类名去访问，和对象无关

模块化

es6中引入了模块化编程，让大型的复杂的项目可以拆分成互相依赖的小文件，在用简单的方法拼接起来。
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

在这里插入图片描述导入模块是名称必须要与导出的名称一致

在这里插入图片描述
可以命名别名

在这里插入图片描述导出方法

在这里插入图片描述想引几个引几个

在这里插入图片描述即使把import写到最后也是提升到首先执行

在这里插入图片描述
这种都是错误的

对于路径，./表示同级路径，…/表示上级文件，…/…/表示上上级

在这里插入图片描述没有名字的导出export default，但是只能出现一次

在这里插入图片描述自己可以随便起名字

汤姆z
关注
专栏目录
ES6-使用let关键字定义变量
qq_45802159的博客
12-07 3757
红字标注 ： 和var关键字声明的不同处 1. 可以一次定义多个变量 let foo = 123, bar = 'abc'; 2. 定义时可以只声明不赋值 let foo, bar; 3.定义之后可以随时修改变量的值 let foo = 123, bar = 'abc'; foo = 'abc'; bar = 123; console.log(f...
es6-string-html：es6多行字符串中的突出显示代码
02-05
在es6多行字符串中添加了对代码的语法突出显示支持： ...只需在字符串之前插入注释/ * html * /或html （或sql而不是html）（有关可能的值，请参见“要求”部分），或从命令菜单中选择Insert es6-string-h
大连东软实训报告书
一只蜗牛的专栏
08-25 1834
我们怀着十分激动的心情，提着简单的行李，在2013年7月14日踏上了旅程。在船上呆了6个小时终于达到了大连。在大连的十天时间里，我学到了许多：生活上的和学习上的。其实，也间接的明白了学校与公司之间的差距。前辈告诉了我们很多，从中最直接、最重点的当然还是学习。         7月14日下午，六点左右，我们终于到了大连东软河口园区。经过注册和整理后我们终于入住了“谷歌里”小区。并有幸在外熟悉环境时
Vue3配置Cesium-navigation-es6
小龙狗的博客
02-06 2261
1. 安装 cesium-navigation-es6 E:\CesiumProject\world> npm i cesium-navigation-es6@1.0.9 -S 2. 修改源码 打开 node_modules/cesium-navigation-es6/ ，将所有 .js 内的 import Cesium from 'cesium/Cesium' 替换为如下 var Cesium = require('cesium/Cesium') 涉及到 definePropertie
es6---对函数返回值的解构
冷月心的博客
01-14 2674
es6---对函数返回值的解构
vue-cli2 es6兼容问题导致白屏
web前端学习总结
12-02 1449
vue-cli2 es6兼容问题导致白屏 关于vue的项目，在浏览器上打开白屏的情况，大部分是因为es6语法不兼容导致的，下边说一下解决办法。 解决方法 1、安装 babel-polyfill es6-promise包 npm i babel-polyfill es6-promise --save 2、 然后在main.js中添加如下： import 'babel-polyfill' import Vue from 'vue' import Es6Promise from 'es6-promise' Es
vue中keep-alive的使用及详解
热门推荐
关注最新技术问题并持续维护更新
05-19 12万+
概念     keep-alive 是 Vue 的内置组件，当它包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和 transition 相似，keep-alive 是一个抽象组件：它自身不会渲染成一个 DOM 元素，也不会出现在父组件链中。 作用     在组件切换过程中将状态保留在内存中，防止重复渲染DOM，减少加载时间及性能消耗，提高用户体验性 原理     在 created 函数...
ES6---string新增方法
Wbiokr的博客
03-25 8224
ES6为js新增了很多方法，包括遍历、查询、替换等等，可以很简洁的替换ES5中的类似方法，本文不考虑codePointAt等不常用方法。 for…of： let str="wbiokr"; for(let s of str){ console.log(s) } //结果：w, b, i, o, k, r由于es5并没有为js制定字符串相关遍历方法，for…of无疑会是接下来前端开发中的一个很
基于mpvue微信小程序 es6-promise.js封装请求
鱿太人cccccciel___
05-23 4424
在微信小程序中，实现前后台交互用到的接口是wx.request() 在开发的过程中，每个涉及到交互的文件都要使用wx.request()显得很繁琐，而且统一处理起来不方便，比如要改请求头的话就需要每个文件去改 所以我就尝试对wx.request()进行封装，统一管理起来 首先放出我的目录结构： 封装请求的主要文件是 util.js 和 api.js util.js：存放工具类 ap...
core-js介绍及安装使用
程邓楠的博客
10-24 8万+
前言 这里就和大家说一下core-js的开发者，也是网上查阅的资料。 core-js的作者：一位彪悍的俄罗斯程序员，名字叫丹尼斯·普什卡列夫（Denis Pushkarev），平时爱好就是飙摩托车。 并在一次事故中，他以 60 km/h的速度驾驶，结果撞了两个行人，一人现场死亡。根据俄罗斯联邦法律，他被判处有期徒刑 18 个月，剥夺 2 年驾驶权利，另处以罚金 138 万卢布。 详情地址：core-js作者入狱18个月，2600万次周下载的开源项目如何进行下去？ - IT之家当负责维护..
ES6---数组array新增方法
Wbiokr的博客
03-25 3万+
let与const命令是es6标准最基础也是最常见的命令符 ,在es5的js标准中，定义变量只能使用var命令符，var命令 符只能进行全局与函数作用域的变量定义，es6新增的let则改变了这一现状。●find :let arr=[1,2,234,'sdf',-2]; arr.find(function(x){ return x<=2; })//结果：1，返回第一个符合条件的x值 arr.f
html-es6-template-loader:Webpack加载器将HTML解析为ES6模板字符串
05-15
npm install --save-dev html-es6-template-loader 要在webpack.config.js上设置此加载器： module: { rules : [ { test : / \. html $ / , use : [ 'html-es6-template-loader' ] } , ] , } 模板可能看...
phaser-es6-roguelike：基于phaser-es6-webpack样板的PhaserJS Roguelike样板
02-04
使用Phaser + ES6 + Webpack： 一个引导项目，用于使用Phaser + ES6 + Webpack创建游戏。 产品特点 具有JavaScript标准样式配置的ESLINT 下一代Javascript ... git clone https://github.com/lean/phaser-es6-webp
boilerplate-webpack-react-es6-cssModule:Webpack-React-ES6-CssModule项目的样板
05-19
ES6+, Fetch 使用 Redux DevTools () 示例动图： 组件 本项目用到的纯组件主要如下： 走马灯 Carousel 弹框 Dialog 图标 Icon 无限滚动 Infinite-Scroll 列表载入 List-Loading 结果页 Result-Card 分段器
es6-promise
04-02
es6-promise.auto.js ,可用于微信小程序开发，小程序里需要
2021-4月 Python机器学习——名词概念学习，概念解释
小tom的博客
04-22 1159
1、机器学习的定义 a 2、机器学习的发展历程 b 3、监督学习，半监督学习和无监督学习的特点 4、机器学习的步骤，每个步骤的主要内容 5、数据清洗的内容和意义 6、什么是数据采样 7、什么是特征抽取，特征如何选择，如何编码 8、分类算法有哪些？ 9、决策树算法 10、贝叶斯分类算法 11、SVM 12、线性回顾，梯度下降法 13、K-means算法 14、性能指标：准确率，精准率，召回率，F1，PR曲线，宏平均，微平均 15、什么是人工神经网络，及其基本概念，神经元与权值连接 16、激活函数有哪些？ 17
Python和Pyqt用过得库的自我学习
小tom的博客
01-29 865
无论你是学Qt，Java，Python或其它，都需要明白一个道理：摒弃掉你的好奇心，千万不要去追求第三方类或工具是怎么实现的，这往往会让你收效甚微，其实，你只需要熟练掌握它的接口，知道类的目的即可，不可犯面向过程的毛病，刨根问底。记住，你的目标是让其它工具为你服务，你要踩在巨人的肩膀上创造世界。 sys模块主要是针对与Python解释器相关的变量和方法，不是主机操作系统。 sys.argv #获取命令行参数列表，第一个元素是程序本身 sys.exit(n) #退出Python程序，exit(0)表示正
2021-4月最全停词表（1893个），速取
小tom的博客
04-14 783
在网上搜索，得到最全的停词表（1893个） ! " # $ % & ' ( ) * + , - -- . .. ... ...... ................... ./ .一 .数 .日 / // 0 1 2 3 4 5 6 7 8 9 : :// :: ; < = > >> ? @ A Lex [ \ ] ^ _ ` exp sub sup | } ~ ~~~~ · × ××× Δ Ψ γ μ φ φ． В — —— ——— ‘ ’ ’‘ “ ” ”， … ……
2021-07-30大连东软实训第十天---数据库+ 后端学习+ 前端实现员工管理系统（完善）
小tom的博客
07-30 239
每次寻找的时候都会从最小的域开始找，当名字无重复的时候可以直接用，但是如果有重复时想要指定某个域的变量，就需要用到scope 新建servlet要加一个do 公共路径然后.do 退出，彻底杀死session，不建议使用 这么写员工的都放在一起 加上这个就相当于总工程的这个目录 ctrl shift o引包 ctrl加实现 程序终止了 这样不管怎样都会执行关闭资源的代码，先开的先关 引入标签库 servet中一般不处理任何逻辑 一个servlet有一个doget只能处理一个业务，一个功能一个可以
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

汤姆z

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

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

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

打赏作者

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

抵扣说明：

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

余额充值