1。转换字符串constinput=123;console.log(input+'');//'123'console.log(String(input));//'123'console.log(input.toString());//'123'2.转为数字constinput='123';console.log(+input);//123console.log(Number(input));//123console.log(parseInt(input));//1233.TurnBooleanvalueconstinput=1;//方案一——使用双感叹号（!!）转换为布尔值console.log(!!input);//true//方案2——使用Boolean()方法console.日志（布尔值（输入））；//true4。字符串'false'constvalue='false';console.log(Boolean(value));//trueconsole.log(!!value);//true//bestwaytocheckconsole.log(值==='假');5.nullvsundefinednull是一个值而undefined不是。null就像一个空盒子，而undefined没有盒子。constfn=(x='默认值')=>console.log(x);fn(undefined);//默认值fn();//默认值fn(null);//null如果传入null，则不采用默认值，传入undefined或不传参数时，采用默认值值被采纳。6、真值和假值假值：false、0、""、null、undefined、NaN。真值：“Values”,0,{},[]。7.const声明可以改变哪些类型的变量。如果不想改变值，可以使用const:constname='前小智';name='王大爷';//报错constlist=[];list=[1];//报错constobj={};obj={name:'前端小智'};//报错但是用const声明引用类型，里面的值可以改：constlist=[];list.push(1);//Itcanworklist[0]=2;//Itcanworkconstobj={};obj['name']='前端小智';//Itcanwork8.三等号和双等号的区别//双等号-将两个操作数转换为相同类型，然后比较console.log(0=='o');//true//三重等号-不转换为相同类型console.log(0==='0');//false9.更好的接收参数的方式){}downloadData({resourceId:2,url:"/posts",searchText:"WebDev"});10.将普通函数改成箭头函数constfunc=function(){console.log('a');return5;};func();可以重写为constfunc=()=>(console.log('a'),5);func();11。来自箭头函数Returnobject/expressionconstgetState=(name)=>({name,message:'Hi'});12.将集合转换为数组constset=newSet([1,2,1,4,5,6,7,1,2,4]);console.log(set);//Set(6){1,2,4,5,6,7}set.map((num)=>num*num);//TypeError:set.mapisnotafunctionconversionForthearrayconstarr=[...set]13.检查value是否为数组constarr=[1,2,3];console.log(typeofarr);//objectconsole.log(Array.isArray(arr));//真14。获取对象的所有keycosntobj={name:"前端小智",age:16,address:"厦门",profession:"前端开发",};console.log(Object.keys(obj));//姓名、年龄、地址、职业15.双问号语法constheight=0;console.log(height||100);//100console.log(height??100);//0这个??意思是如果？？如果左边的值为null或undefined，则返回右边的值。16.map()map()方法创建一个新数组，结果是数组中的每个元素都是调用一次提供的函数后的返回值。constnumList=[1,2,3];constsquare=(num)=>{returnnum*num}constsquares=numList.map(square);console.log(squares);//[1,4,9]17.try..catch..finallyconstgetData=async()=>{try{setLoading(true);constresponse=awaitfetch("https://jsonplaceholder.typicode.com/posts");constdata=awaitresponse.json();setData(数据);}catch(错误){console.log(错误);setToastMessage(错误);}finally{setLoading(false);//无论是否报错，最后都会执行}};getData();18.解构constresponse={msg:"success",tags:["programming","javascript","computer"],body:{count:5},};const{body:{count,unknownProperty='test'},}=响应；console.log(count,unknownProperty);//5'test'作者：MehulLakhanpal译者：FrontendXiaozhi来源：dev原文：https://dev.to/318097/18-tips-for-junior-javascript-developer-57oa本文转载自微信公众号“伟大的走向世界”，您可以通过以下二维码关注。转载本文请联系大千世界公众号。
