摘要:总结扩展运算符该文章是初次涉猎做的笔记刚开始简单的东西我就掉代码运行环境运行脚手架只需要在写完代码输入就可以运行关于的用法关于运算符字符串模板字符串套变量判断是否包含字符串是否包含开头是否包含结尾是否包含字符串自身复制参数是次数小数就取整数
ES6总结 扩展运算符
该文章是初次涉猎ES6做的笔记,刚开始简单的东西我就pass掉
代码运行环境(运行脚手架只需要在src/index.js写完代码输入npm run build就可以运行)关于 ...的用法
let a=[1,2,3] b=[...a] b.push(6) console(b) ==>1,2,3,6关于rest运算符
function a(a,...arg)==>a(1,2,3),arg=[2,3]字符串模板 字符串套变量
let a="china" let b=`i am from ${a},判断是否包含字符串
and you?`
let searchWorld="am" let a="i am you" //是否包含,开头是否包含,结尾是否包含 a.include(searchWorld) a.startsWith(searchWorld) a.endsWith(searchWorld) //字符串自身复制,参数是次数,小数就取整 console.log(a.repeat(3))数字判断与扩展 进制(切记不是字符串)
//0B开头是二进制标志 let a = 0B0011 //打印3 console.log(a) //0o开头是八进制标志 let a = 0o0011 console.log(a)Number对象方法
let a = 10/3 //判断是不是数字 console.log(Number.isFinite(a))//true //判断是不是NaN console.log(Number.isNaN(NaN))//true //转换整数小数 console.log(Number.parseInt(a))//取整 console.log(Number.parseFloat(a)) //判断是否为整数 console.log(Number.isInteger(a))//false //es6的最大安全值 console.log(Math.pow(2,53)-1) //最大,最小常量数,相当于const定义变量 console.log(Number.MIN_SAFE_INTEGER) console.log(Number.MAX_SAFE_INTEGER) //判断是否安全数字 console.log(Number.isSafeInteger(a))//trueMath对象 trunc模块
//将字符串转为数字 console.log(Math.trunc("123"))//123 console.log(Math.trunc("12abc"))//NaN console.log(Math.trunc("abc"))//NaNsign模块
//判断正负数 console.log(Math.sign(-123))//-1 console.log(Math.sign(123))//1 console.log(Math.sign(0))//0cbrt模块
//计算立方根 console.log(Math.cbrt(8))clz32模块
//计算32位二进制 console.log(Math.clz32(8))imul模块
//计算乘法 console.log(Math.imul(8))//0 console.log(Math.imul(8,2))//16hydop
//计算乘法 console.log(Math.hypot(1,1,1,1))//return (1^2+1^2+1^2+1^2)的平方根==>2
在github传了官方pdf,更多方法就在那里查阅数组实例与应用 from模块=>json转数组
let jsonData={ "0":0, "1":1, "2":2, "length":3 } let arr=Array.from(jsonData) console.log(arr)//[0,1,2]of模块=>文本转数组
let txt="1,2,3,4,5" let data=Array.of(txt) console.log(data)copyWithin模块=>第一个是准备要替换位置,第二个是开始截取替换位置,第三个是最后截止位置,函数执行将截取的数据从起始位置开始覆盖
let arr=[0,1,2,3,4,5,6,7,8] console.log(arr.copyWithin(1,3,8))//[0,3,4,5,6,7,6,7,8]find模块=>依次遍历,遇到条件为true则返回
let arrDemo=[0,1,2,3,4,5,6,1,8] console.log(arrDemo.find((value,index,arr)=>{ return value >5 }))//6fill模块=>遍历替代,第一个参数表示要替代的值,第二个是替代开始位置,第三个是替代终止位置
let arrDemo=[0,1,2,3,4,5,6,1,8] console.log(arrDemo.fill("x",2,5)) //[0, 1, "x", "x", "x", 5, 6, 1, 8]of模块=>遍历每个元素
let arrDemo=[0,1,2,3,4,5,6,1,8] for (let i of arrDemo) { console.log(i)//依次打印每个元素 }in模块与of一样
let arrDemo=[0,1,2,3,4,5,6,1,8] for (let i in arrDemo) { console.log(i) }
在有些场景in不好用,例如
let arrDemo=["1","2","3"] for (let [index,val] of arrDemo.entries()) { console.log(index,val) }//能输出key和value
let arrDemo=["1","2","3"] for (let [index,val] in arrDemo.entries()) { console.log(index,val) }//不能输出entries
let arrDemo=["a","b","c"] let flag=arrDemo.entries() console.log(flag.next().value) console.log(flag.next().value) console.log(flag.next().value) console.log(flag.next().value) //输出[0,"a"],[1,"b"],[2,"c"]function模块 参数预设值 ==>不可以使用严谨模式
function addDemoOne(a,b){ return a+b } function addDemoTwo(a,b=3){ return a+b } console.log(addDemoOne(2,3))//5 console.log(addDemoTwo(2))//5参数覆盖
function addDemoTwo(a,b=3){ return a+b } console.log(addDemoTwo(1,2))//3预设函数违法值
function addDemoTwo(a,b=3){ if(a === 1){ throw new Error("值错误") } return a+b } console.log(addDemoTwo(1))//Uncaught Error: 值错误计算函数几个参数
在这里有个坑,请看demo2,3
function addDemoOne(a,b,c){ return a+b } console.log(addDemoOne.length)//3 function addDemoTwo(a,b,c=2){ return a+b } console.log(addDemoTwo.length)//2 function addDemoThree(a,b=2,c){ return a+b } console.log(addDemoThree.length)//1function的name模块
function addDemoOne(a,b,c){ return a+b } console.log(addDemoOne.name)//addDemoOne let addDemoTwo = function addDemoThree(){} console.log(addDemoTwo.name)//addDemoThree箭头函数
let demo = (a,b) => a+b//省略 return,如果加return则必须加{} console.log(demo(2,3))//5解构对象
let jsonData={ a:100, b:200 } function addDemoTwo({a,b=3}){ return a+b } console.log(addDemoTwo(jsonData))//300
判断json存在某属性
let jsonData={ a:1, b:2 } console.log("a" in jsonData)//true console.log("c" in jsonData)//false
判断数组是否为空
let arrOne=[,,,,] let arrTwo=[1,2,3] console.log(0 in arrOne)//false console.log(0 in arrTwo)//true
将对象合并
var a={a:1} var b={b:2} var c=Object.assign(a,b)//可以合并多个 console.log(c)//{a: 1, b: 2}解构数组
let arr =[1,2,3,4] function addDemoTwo(a,b,c,d){ console.log(a,b,c,d) } addDemoTwo(...arr)//1,2,3,4Symbol类型=>独一无二的类型
let testData=Symbol("hello") console.log(testData)//Symbol(hello) console.log(typeof testData)//symbolsymbol的应用
let demoOne=Symbol("hello") let demoTwo=Symbol("word") let jsonData={ a:"aaa", b:"bbb" } jsonData[demoOne]="ccc" jsonData[demoTwo]="ffffd" for(let i in jsonData){ console.log(jsonData[i])//遍历不出symbol属性 } console.log(jsonData);//可以遍历出Set与WeakSet=>数据集合
let demoData=new Set([1,2,3,4,5,5])//不允许重复元素 console.log(demoData); demoData.add(6) console.log(demoData); demoData.delete(1) console.log(demoData); console.log(demoData.has(1)); console.log(demoData.has(2)); for (let i of demoData){ console.log(i); } demoData.clear() console.log(demoData);
去除数组中重复的元素可以这样
let arr=[1,2,3,3,4] let setOne=new Set(arr) console.log(setOne);Weakset
let demo={a:1,b:2} let setData=new WeakSet() setData.add(demo) console.log(setData);Map
let json={name:"fan",age:18} let m = new Map() m.set(json,"me") m.set("name","fan") console.log(m.get("name"));//fan console.log(m.get(json));//me,根据对象搜索Proxy
Proxy本质是一个对象,当对对象的属性进行操作可以触发一系列操作
let data2=new Proxy({ add:function(val){ return val+1 }, name:"tom" },{ get:function(target,key,property){ console.log("get key--->",key)//name console.log("get target--->",target);//obj console.log("get property--->",property);//proxy obj return target[key] }, set:function(target,key,value,receiver){ console.log("set key--->",key);//name console.log("set value--->",value);//3333 console.log("set target--->",target);//obj console.log("set reeiver--->",receiver);//proxy obj return target[key]=value } }) data2.name=3333//执行set console.log(data2.name);//执行getapply--->执行的时候必须调用
let target = ()=>{ return "hello world" } let handler = { apply(target,ctx,args){ //不要加钩子 console.log("6666"); return Reflect.apply(...arguments)//Reflect代码demo本身 } } let demo=new Proxy(target,handler) demo()//6666Promise
promise就是前一步完成了动作就执行下一步操作
let flag=200 function one(resolve,reject){ console.log("one"); if(flag==200){ resolve("step1 finish") }else{ reject("step1 erro") } } function two(resolve,reject){ console.log("two"); if(flag==200){ resolve("step2 finish") }else{ reject("step2 erro") } } function three(resolve,reject){ console.log("three"); if(flag==200){ resolve("step3 finish") }else{ reject("step3 erro") } } new Promise(one).then(function(val){ console.log(val); return new Promise(two) }).then(function(val){ console.log(val); return new Promise(three) }).then(function(val){ console.log(val); return val })Class语法糖
class people{ name(val){ // console.log(val); return val } fullname(val){ console.log("Mr"+this.name(val)) } add(){ return this.x+this.y } constructor(x,y){ this.x = x this.y = y } } let p = new people(1,2) console.log(p.add()); class student extends people{ hello(){ console.log("hello"); } } let s= new student(10,20) console.log(s.add());
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/107545.html
摘要:先把当成文件,依次查找当前目录下的,找到了,就返回该文件,不再继续执行。那么关于正确的结论是在中使用是跟的效果相同,不会因为启动脚本的目录不一样而改变,在其他情况下跟效果相同,是相对于启动脚本所在目录的路径。 起因 原文收录在我的 GitHub博客 (https://github.com/jawil/blog) ,喜欢的可以关注最新动态,大家一起多交流学习,共同进步,以学习者的身份写博...
摘要:先把当成文件,依次查找当前目录下的,找到了,就返回该文件,不再继续执行。那么关于正确的结论是在中使用是跟的效果相同,不会因为启动脚本的目录不一样而改变,在其他情况下跟效果相同,是相对于启动脚本所在目录的路径。 起因 原文收录在我的 GitHub博客 (https://github.com/jawil/blog) ,喜欢的可以关注最新动态,大家一起多交流学习,共同进步,以学习者的身份写博...
摘要:通过字面量语法扩展新增方法改进原型等多种方式加强对象的使用,并通过解构简化对象的数据提取过程。四解构赋值为数组和对象字面量提供了新特性解构,可以简化数据提取的过程,减少同质化的代码。 ES6 通过字面量语法扩展、新增方法、改进原型等多种方式加强对象的使用,并通过解构简化对象的数据提取过程。 一、字面量语法扩展 在 ES6 模式下使用字面量创建对象更加简洁,对于对象属性来说,属性初始值可...
摘要:现在我们要用的重点就是我们的,这是一个能让函数并行的,可以基于多个。非常有用啊先上一个错误的代码这时候我们得到的就是数字了,而不是一个数组,这就是神奇所在。 看过 (一)的同学一定觉得这个Promise很简单,好像没什么可以用的地方,但是事实上,它的用处非常大啊,尤其是在nodejs上,愈加重要,虽然已经有大量的库实现了对Promise的封装了,不过我还是更倾向用原生的node来实现对...
摘要:现在我们要用的重点就是我们的,这是一个能让函数并行的,可以基于多个。非常有用啊先上一个错误的代码这时候我们得到的就是数字了,而不是一个数组,这就是神奇所在。 看过 (一)的同学一定觉得这个Promise很简单,好像没什么可以用的地方,但是事实上,它的用处非常大啊,尤其是在nodejs上,愈加重要,虽然已经有大量的库实现了对Promise的封装了,不过我还是更倾向用原生的node来实现对...
阅读 711·2023-04-25 19:28
阅读 1376·2021-09-10 10:51
阅读 2362·2019-08-30 15:55
阅读 3379·2019-08-26 13:55
阅读 2975·2019-08-26 13:24
阅读 3308·2019-08-26 11:46
阅读 2724·2019-08-23 17:10
阅读 1393·2019-08-23 16:57