ES6
关注
分享
扫一扫
主要记录ECMAScript6的基本使用规则。
soosgo
这个作者很懒，什么都没留下…
展开
-
ES6 模块化
CommonJS 模块就是对象，输入时必须查找对象属性，通过exports导出对象，通过require()引入对应的模块内容；CommonJS是用于服务器，所以运行时是需要链接服务器或在服务器端运行。使用方式，新建一个js文件，通过export导出所要使用的数据。在界面文件中通过import引入对应的js模块进行使用。命令显式指定输出的代码，再通过。附加：commonJS。export导出方式。commonJS导出。原创 2023-04-17 16:56:12 · 140 阅读 · 0 评论 -
ES6 生成器
Generator函数是ES6提供的一种异步编程解决方案，语法行为与传统函数完全不同。Generator函数有多种理解角度。从语法上，首先可以把它理解成，Generator函数是一个状态机，封装了多个内部状态。执行Generator函数会返回一个遍历器对象，也就是说，Generator函数除了状态机，还是一个遍历器对象生成函数。返回的遍历器对象，可以依次遍历Generator函数内部的每一个状态。形式上，Generator函数是一个普通函数，但是有两个特征。一是，function。原创 2023-04-17 16:37:51 · 389 阅读 · 0 评论 -
js对数组进行操作实现购物车效果
使用javascript实现购物车效果原创 2023-04-17 15:24:54 · 562 阅读 · 0 评论 -
jquery ajax请求PHP后端数据
PHP代码：<?php//链接数据库 查询相关内容$con=mysqli_connect("localhost", "root", "123456", "school");if(!$con){ die("can not connect");}//编写查询语句$sql="SELECT * FROM `websites`";$result=mysqli_query($con, $sql);while ($row=mysqli_fetch_assoc($result)) { $原创 2021-03-03 11:01:23 · 434 阅读 · 0 评论 -
ES6 Promise 对象
Promise 是一个对象，从它可以获取异步操作的消息。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>promise</title> </head> <body> <script type="text/javascript"> //promise 承诺 //我布置了作业 学生答应会交=》原创 2020-08-24 14:12:57 · 146 阅读 · 0 评论 -
ES6函数扩展
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>ES6 函数扩展</title> </head> <body> <script type="text/javascript"> //函数扩展 function foo(a,b){ a=a||0; b=b||0; return .原创 2020-08-24 14:10:39 · 166 阅读 · 0 评论 -
ES6对象扩展
对象属性的简写 对象方法的简写let a=1;let f=function(){}let bool=false;//o.a=a o.f=flet o={ a:a, f:f, b:bool, bar:function(){ console.log(this.a); } } console.log(o); let o1={//变量名一致可以简写 a,f, b:bool, bar(){//对象方法简写 console.log(this.a);..原创 2020-08-24 13:48:28 · 113 阅读 · 0 评论 -
ES6数组扩展
数组构造函数的静态方法。静态方法：把函数当对象处理 key对应的value是函数 我们就说这个方法是静态方法 否则就是静态属性Array.f=1;console.log(Array.f);//静态属性Array.fn=function(){console.log(123);}Array.fn();//静态方法Array.from方法用于将两类对象转为真正的数组：类似数组的对象（array-like object）和可遍历（iterable）的对象（包括ES6新增的数据结构Set和Ma.原创 2020-08-24 11:59:58 · 125 阅读 · 0 评论 -
ES6 中let与const
ES2015(ES6) 新增加了两个重要的 JavaScript 关键字:let和const。let 声明的变量只在 let 命令所在的代码块内有效。const 声明一个只读的常量，一旦声明，常量的值就不能改变。let特点：代码块内有效 let 是在代码块内有效，var 是在全局范围内有效:{ let a = 0; var b = 1;}console.log(a); // ReferenceError: a is not definedconsole....原创 2020-08-24 11:27:09 · 145 阅读 · 0 评论 -
ES6中Class的使用
ES6引入Class(类)作为对象的模板，通过class关键字可以定义类，基本上ES6的class可以看作只是一个语法糖，它的绝大部分功能ES5都能做到，新的class写法只是让对象原型的写法更清晰、更像面像对象编程的语法而已。<script> //ES5 const person=function (name,age) { th...原创 2018-04-15 18:48:44 · 1817 阅读 · 0 评论 -
ES6中Iterator的使用
Iterator概念Iterator是一种接口，为各种不同的数据结构提供统一的访问机制。任何数据结构只要部署Iterator接口，就可以完成遍历操作（即一次处理该数据结构的所以成员）。手写Iterator接口：//手写iterator接口 function iterator(arr) { let index=0; return{ ...原创 2018-04-15 12:25:27 · 1506 阅读 · 0 评论 -
ES6中set与map的用法
Set数据结构概念：set是ES6新增的数据结构。集合的概念是一组无序且唯一（即不重复）的项组成。set数据结构使用了与有限集合相同的数学概念，应用在计算机的数据结构中，与数组类似，但成员都是唯一的，没有重复的值。特点：key和value相同，没有重复的value。属性：set.size set大小初始化一个Set数据结构const s=new Set([1,2,3])console.log...原创 2018-04-15 09:18:16 · 1888 阅读 · 0 评论 -
ES6解构赋值
概念：按照一定模式，从数组和对象提取，对变量进行赋值成为解构。本质：语法的一种匹配模式，如果等号两边模式相同，左边变量就会被赋予相应的值。 //解构赋值 let [a,b,c]=[1,2,3]; console.log(a)//1结合...扩展运算符配合使用：如果...在等号左边，那么就会把剩余的值合并成一个数组，这个操作符只能写在最后一个变量的位置。如果匹配中没有对应的值...原创 2018-04-12 22:19:20 · 418 阅读 · 1 评论 -
ES6中let与const的区别
ES6中新增了两个声明标识符let和const。 一、 let用来声明变量，作用域是代码块（就是{}括起来的部分）； 1、使用let命令声明的变量在域解析的时候不会被提升2、let在for循环中的使用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> &l原创 2018-04-12 21:39:02 · 1849 阅读 · 0 评论 -
ES6中反引号的作用
符号：``用法：1、引用字符串，换行不需要加号连接。2、引入字符串，${变量名}，前后不需要加号连接。原创 2019-09-25 17:55:38 · 1898 阅读 · 1 评论