ES6一些常用的基本语法

以下笔记来源于新视觉实训视频，可以在b站搜索新视觉实训。

const定义常量

     const str="小甲鱼";str="小甲鱼111";console.log(str) //x

常量不可以被改变。

let定义块级元素

if(true){let num=3;}console.log(num) //x

num只能在if括号中被使用。console.log(num)放入if花括号中就可以正常打印。

 let num=3;let num=4;console.log(num) //x

无法覆盖重复变量。

模板字面量

用于字符串拼接和写模板，使用 `(反引号，左上角波浪线），变量使用 ${ }

        var name="jack";var age=18;var sex="man";// var obj="我的名字是"+name+",我的年龄是"+age+"，我是"+sexvar obj=`我的名字是${name}，我的年龄是${age}，我是${sex}`;document.write(obj)打印结果：我的名字是jack，我的年龄是18，我是man

var ele=`<h1>新视觉<em>实训</em>基地</h1>`//报错 不能存在空格 使用 ` `便于写标签
var ele=“<h1>新视觉<em>实训</em>基地</h1> ”

解构赋值

交换值

        var a=1;var b=2;[a,b]=[b,a];console.log(a,b) // 2 1

数组的解构

        var arr=[1,2,3,4];[a,b, ,d]=arrconsole.log(a,b,d) // 1 2 4 相当于直接把数组中元素赋值

对象的解构

  var data={name:"丁丁",age:90,sex:"女",job:"学生"}var {name,job}=dataconsole.log(name,job) //丁丁,学生

返回值解构

 function arr(){var a=1,b=2,c=3,d=4;return {a,b,c,d}}var {a,c,d}=arr();console.log(a,c,d) // 1 3 4

箭头函数

箭头函数相当于匿名函数，并且简化了函数定义。（）中放参数，没有参数就省略，箭头后面是函数体。

var obj={name:"张三",fun:function(){return this.name},fun2(){console.log("第二种定义函数的方式")},fun3(){ var that=this   //只有用that=this 才能定位到当前对象obj，才能拿到当前对象的namesetTimeout(function(){console.log(that.name+"---fun3")},1000)},fun4(){//用箭头函数和fun3作用相同setTimeout(()=>{console.log(this.name+"---fun4")},1000)}}()=>{}

ES6之前访问函数外面的this比较麻烦，箭头函数可以直接访问到最外面的this，不需要转换。

for循环遍历

for-of循环遍历

var arr=["aaa","bbb","ccc","ddd"];for(var i of arr){console.log(i)}//aaa//bbb//ccc//ddd //追加数据到数组
var newArr=[]arr.forEach((item,idx)=>{//idx是索引值item=item+"小程序"newArr.push(item)})console.log(newArr)

用map效果与forEach相同

展开运算符...

        var arr=["aaa","bbb","ccc","ddd"];var arr2=[111,222,333,444]arr[4]=arr2console.log(arr)

如果想要将arr2中的元素拼接到arr中，这样的做法是不正确的。只会把整个arr2数组加入arr[4]位置。

arr=arr.concat(arr2)  //老方法

var newArr=[...arr,...arr2]  //展开数组 新方法

默认参数

function fun(x=0,y=2,z=true){console.log(x,y,z);}fun(); //0 2 truefun(4,0,false); //4 0 false

ES6一些常用的基本语法相关推荐

爬虫之xpath语法-常用节点选择语法
爬虫之xpath语法-常用节点选择语法可以通过通配符来选取未知的html.xml的元素 1.1 选取未知节点的语法通配符描述 * 匹配任何元素节点. node() 匹配任何类型的节点. 1.2 ...
c++标准模板库STL【快速查找】【最全】【常用】【语法】
c++标准模板库STL[快速查找][最全][常用][语法] c标准模板库STL快速查找最全常用语法 vector- 变长数组 set-内部自动有序且不含重复元素 ...
mysql 语句块语法_MySQL ------ MySQL常用语句的语法（三十四）
MySQL常用的语句语法注意:1. | 符号用来指出几个选中中的一个,因此NULL | NOT NULL 表示给出null 或 not null 2.包含在方括号中的关键字或子句是可选的(如 [li ...
mysql怎样查表的模式_mysql常用基础操作语法（四）--对数据的简单无条件查询及库和表查询【命令行模式】...
1.mysql简单的查询:select 字段1,字段2... from tablename; 如果字段那里写一个*,代表查询所有的字段,等同于指定出所有的字段名,因此如果要查询所有字段的数据,一般都是 ...
mysql语法_MySql实用技能，最常用的删除语法
在mysql 中最常用的删除语法有一下两种: 1.通过 DELETE FROM 命令来删除 MySQL 数据表中的记录. 2.TRUNCATE TABLE 来清除全表数据. 以下是 SQL DELET ...
Markdown语法016：最常用的LaTeX语法
最常用的LaTeX语法 1. 行内公式 2. 行间公式 3. 下标 4. 上标 5. 公式编号 6. 数学公式 6.1 大于等于\ge.小于等于\le 7. 根号和分式 8. 上下标记 9. 向量 1 ...
Oracle数据库常用基本SQL语法
标题 Oracle数据库常用基本SQL语法 1.表的创建.插入,删除及Oracle和mysql的数据类型的区别 create table item (item_id number(5) primary ...
了解常用 Markdown 扩展语法
虽然 Markdown 扩展语法不在 CommonMark Spec 标准中,但许多 Markdown 编辑器也都尽量支持,因此学习一些常用的 Markdown 扩展语法也是有必要的.本文介绍的主要是 ...
谷歌GOOGLE常用的搜索语法|挖掘站内信息
谷歌GOOGLE常用的搜索语法 1.intitle:搜索网页标题中包含有特定字符的网页. 例如输入"intitle index of login",这样网页标题中带有inde ...