ES6
主要记录ECMAScript6的基本使用规则。
soosgo
这个作者很懒,什么都没留下…
展开
-
ES6 模块化
CommonJS 模块就是对象,输入时必须查找对象属性,通过exports导出对象,通过require()引入对应的模块内容;CommonJS是用于服务器,所以运行时是需要链接服务器或在服务器端运行。使用方式,新建一个js文件,通过export导出所要使用的数据。在界面文件中通过import引入对应的js模块进行使用。命令显式指定输出的代码,再通过。附加:commonJS。export导出方式。commonJS导出。原创 2023-04-17 16:56:12 · 82 阅读 · 0 评论 -
ES6 生成器
Generator函数是ES6提供的一种异步编程解决方案,语法行为与传统函数完全不同。Generator函数有多种理解角度。从语法上,首先可以把它理解成,Generator函数是一个状态机,封装了多个内部状态。执行Generator函数会返回一个遍历器对象,也就是说,Generator函数除了状态机,还是一个遍历器对象生成函数。返回的遍历器对象,可以依次遍历Generator函数内部的每一个状态。形式上,Generator函数是一个普通函数,但是有两个特征。一是,function。原创 2023-04-17 16:37:51 · 358 阅读 · 0 评论 -
js对数组进行操作实现购物车效果
使用javascript实现购物车效果原创 2023-04-17 15:24:54 · 518 阅读 · 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 · 389 阅读 · 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 · 131 阅读 · 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 · 147 阅读 · 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 · 92 阅读 · 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 · 107 阅读 · 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 · 127 阅读 · 0 评论 -
ES6中Class的使用
ES6引入Class(类)作为对象的模板,通过class关键字可以定义类,基本上ES6的class可以看作只是一个语法糖,它的绝大部分功能ES5都能做到,新的class写法只是让对象原型的写法更清晰、更像面像对象编程的语法而已。<script> //ES5 const person=function (name,age) { th...原创 2018-04-15 18:48:44 · 1780 阅读 · 0 评论 -
ES6中Iterator的使用
Iterator概念Iterator是一种接口,为各种不同的数据结构提供统一的访问机制。任何数据结构只要部署Iterator接口,就可以完成遍历操作(即一次处理该数据结构的所以成员)。手写Iterator接口://手写iterator接口 function iterator(arr) { let index=0; return{ ...原创 2018-04-15 12:25:27 · 1467 阅读 · 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 · 1817 阅读 · 0 评论 -
ES6解构赋值
概念:按照一定模式,从数组和对象提取,对变量进行赋值成为解构。本质:语法的一种匹配模式,如果等号两边模式相同,左边变量就会被赋予相应的值。 //解构赋值 let [a,b,c]=[1,2,3]; console.log(a)//1结合...扩展运算符配合使用:如果...在等号左边,那么就会把剩余的值合并成一个数组,这个操作符只能写在最后一个变量的位置。如果匹配中没有对应的值...原创 2018-04-12 22:19:20 · 367 阅读 · 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 · 1787 阅读 · 0 评论 -
ES6中反引号的作用
符号:``用法:1、引用字符串,换行不需要加号连接。2、引入字符串,${变量名},前后不需要加号连接。原创 2019-09-25 17:55:38 · 1842 阅读 · 1 评论