越秀低价网站建设,合肥网站建设市场,网站咋做,网站做兼容处理怎么一、ES简介
ES6是一个泛指#xff0c;指EDMAJavaScript之后的版本。它是JS的语言标准。 Nodejs
简介#xff1a;它是一个工具#xff0c;主攻服务器#xff0c;使得利用JS也可以完成服务器代码的编写。
安装#xff1a;
安装Nodejs的同时#xff0c;会附带一个npm命令…一、ES简介
ES6是一个泛指指EDMAJavaScript之后的版本。它是JS的语言标准。 Nodejs
简介它是一个工具主攻服务器使得利用JS也可以完成服务器代码的编写。
安装
安装Nodejs的同时会附带一个npm命令npm是Node的包管理工具。
还需要用到cnpm工具。cnpm是一个国内的镜像工具。比使用npm安装一些包会更快一些。
Babel
它是转码器可以将ES6代码转为ES5代码从而在老版本的浏览器执行。意味着可以使用ES6的方式编写程序而不用担心环境是否支持。例如下面是使用ES6的代码进行转码。 安装Babel工具
第一步使用命令安装cnpm install --save -dev babel/core //注意是在我们需要使用转码工具的项目下使用这个命令安装好之后会出现两个文件node_modules 和 { }package_json。
第二步配置babel。创建配置文件.balerc文件。在里面输入{ “presets”{ }“plugins”{ } } let命令
ES6新增了let命令用来声明变量。它的用法类似于var但是所声明的变量只在let命令所在的代码块有效。 区别以循环为例。 注意下面这种用法 Const命令
声明一个只读常量不能改变。只要声明就必须初始化
它是一个块级作用域const常量也不存在常量提升。 对象解构赋值
就是对多个变量进行赋值。例如
let {nameage} {name:iwen age:20 } 字符串扩展
循环for( of )例如var str “hello” forlet i of str{ console.log(i) } 字符串模板
这个模板的格式${ } 字符串方法
indexof() 判断一个字符串里面是否包含在另一个字符串中。下面是ES6新增的方法。 repeat()
返回一个新字符串表示将原字符串重复n次。里面参数是数字。
padStart()padEnd()
字符串补全长度功能比如游戏创建角色的姓名可以使用这个方法自补齐姓名。
语法dada.padStart(6,li) //得到“lidada” 。长度是6。 “da”.padStart(5,li) //得到“lilda” 长度是5.
act()
接受一个整数作为参数返回参数 指定位置的字符是单个字符噢不是字符串支持负索引即倒数的位置。
若index超出范围返回undefined。 数组扩展
扩展运算符
数组的扩展运算符spread是三个点... //将一个数组转为用逗号隔开的参数序列。
格式var arr[1,2,3] console.log(...arr) 打印123 在JS里面Math.max(~)。里面传入一系列的参数不能用于判断数组里面的大小。
在Java里Math.max(~,~)。是判断两个参数的大小。同样不能用于判断数组的大小。
但是在js里面可以用数组的扩展运算符对数组进行变成一系列数据然后获取数组的最大值。
例如Math.max(...arr)。就能获取arr数组的最大值。 还可以用来合并数组 新增方法数组扩展
Array.from()方法用于将类数组、伪数组转为真正的数组。而常见的类数组有三类arguments、元素集合、类似数组的对象。
类数组、伪数组只能使用数组的读取方式和length属性不能使用数组方法push。
//argument例如add(102030)。这就是一个类数组。通过function add(){console.log(argument) } 可以读取到102030。
//元素集合let titles document.querySelectorAll(h3) h3这是一个标题/h3 h3这是一个标题/h3 h3这是一个标题/h3
通过console.log(titles)就可以打印出三个h3的标签。
//类似于数组的对象其实就是对象。var user{name:iwenage:20}
这三种方式都可以通过Array.from()转换成数组它的返回类型是数组。
格式var arr Array.from(arguments) Arrays.of()这是另一种方法它用于将一组值转换为数组。与Array.from()不同格式Array.of(3,11,8) //得到[3118] 对象的扩展
它的主要用法是使得对象的书写变得更加简约。ES6允许在大括号里面直接写入变量和函数作为对象的属性和方法。例如在大括号外面定义了let nameiwen。那么在大括号里面对象const user{nameage20}里面可以直接写name而不用写name“iwen”。
还可以用作属性名表达式、对象的扩展运算符。 函数的扩展
主要就是箭头函数。ES6允许使用箭头“”定义函数。例如原本的函数有两种写法
function fn1(xy){ return xy }
第二种方式赋值声明函数。var fn2 function(x,y) {return xy}
第三种方式var fn3 (x,y) xy。箭头函数。
箭头函数也有几种常用方式比如无参的情况var fn4 () 10。
函数体有变量的情况下图左。返回值是对象的情况下图右。 emmmmm怎么说感觉有点无聊不知道会不会用到就在这不停的写。我的建议是停一下吧先把前面的都搞懂在继续往下。不然在往下学都是不会的没意思。至少现在停一下。把前面的都融汇一下然后再往后看应该或许就会简单很多。欧克实操起来。
