【前端学习】ES6语法函数写法优化

函数默认值设置

非ES6语法

// 参数b 可为空的情况下给默认值1
function func1(a,b){if(!b){b=1;}return a+b;
}
//或者
function func1(a,b){b=b||1;return a+b;
}

ES6语法

可在方法入口参数定义上加 = 默认值，如果参数为空，则等于默认值。

function func1(a,b=1){return a+b;
}

lambda表达式(箭头函数)

非ES6 lambda语法

//返回运算结果
function func1(a,b){if(!b){b=1;}return a+b;
}
//执行方法
function func2(a,b){if(!b){b=1;}console.log(a+b);
}

ES6 lambda语法

//返回运算结果
let func1=(a,b=1)=>{return a+b;};
//执行方法
let func2=(a,b=1)=>console.log(a+b);

ES6 lambda语法+解构表达式

//定义 user 对象
let user={name:"艾伦·耶格尔",age:16};//不使用 lambda+解构表达式 输出name,age信息
function print(user){return user.name+","+user.age;
}
console.log(print(user));
//艾伦·耶格尔,16//使用 lambda 输出name,age信息
let print=(user)=>{ return user.name+","+user.age;};
console.log(print(user));
//艾伦·耶格尔,16//使用 lambda+解构表达式 输出name,age信息
let print=({name,age})=>{ return name+","+age;};
console.log(print(user));
//艾伦·耶格尔,16

对象函数

非ES6语法

let obj={para1:"1",para2:"2",toString:function(){return this.para1+this.para2;}};
console.log(obj.toString());
//12

ES6语法

不再必须对象方法名 : function(){}的格式进行定义对象方法，直接对象方法名(){}进行定义即可。

let obj={para1:"1",para2:"2",toString(){return this,para1+this.para2;}};
console.log(obj.toString());
//12

【前端学习】ES6语法函数写法优化相关推荐

前端学习（654）：优化插件
自动优化空格
React 项目 -ES6 语法类的继承（10）
在面向对象的编程语言中,基本上都是支持继承的,比如C++,和java,在ES6 中的类也引入的继承的概念,并且和java十分的类似,初学前端的ES6语法,我们在地方就介绍一下ES6 中的继承的语法. ...
前端学习路线（简洁清晰，直击学习途径）
目录第一阶段:前端入门 1.Html5 2.Css3 第二阶段:JavaScript ①JavaScript 基础语法 ②JavaScript 高级(WebAPI/Dom Bom) ③JavaSc ...
北妈每日一学：ES6语法之箭头函数（附免费学习资料）
北妈每日一学 <北妈每日一学> 北妈每日一学用最短的篇幅 ,最好的排版,最简洁的例子和大家一起学习.总结.入坑. 今天来学风靡网络的- es6箭头函数 ES6 简介 ECMAScript ...
前端基础：学习 ES6 新特性
目录一.声明变量的两种方式 1).let 声明变量(与var 声明变量的对比) 2).const 声明常量(只读变量) 二.解构表达式 1).数组解构 2).对象解构三.字符串处理 1).字符串扩 ...
ES6语法的学习与实践
ES6是JavaScript语言的新一代标准,是ECMAScript的第六个版本,加入了很多新的功能和语法,在很多框架,如在使用Vue,React等框架的项目中一般都采用ES6语法来编写的,下面对经常 ...
学习webpack4 - ES6语法转化
学习webpack4 - 基础配置学习webpack4 - HTML处理学习webpack4 - 样式处理学习webpack4 - ES6语法转化学习webpack4 - 第三方库的使用学习 ...
es6 async函数的语法
async函数的语法 async函数的语法规则总体上比较简单,难点是错误处理机制. 返回 Promise 对象 async函数返回一个 Promise 对象. async函数内部return语句返回的 ...
前端学习笔记之CSS3基础语法与盒模型（二）
前端学习笔记之 CSS3基础语法与盒模型 CSS3简介 CSS(cascading style sheet,层叠式样式表)是用来给HTML标签添加样式的语言 CSS3是CSS的最新版本,增加了大量的样 ...
【ES6 教程】第一章新的ES6语法04—如何设置函数参数的默认值
英文 | https://www.javascripttutorial.net 翻译 | 杨小爱在本节教程中,我们将学习如何在 ES6 中处理 JavaScript 默认参数. TL;DR func ...

【前端学习】ES6语法函数写法优化

函数默认值设置

lambda表达式(箭头函数)

对象函数

【前端学习】ES6语法函数写法优化相关推荐

最新文章

热门文章

【前端学习】ES6语法 函数写法优化

函数默认值设置

lambda表达式(箭头函数)

对象函数

【前端学习】ES6语法 函数写法优化相关推荐

最新文章

热门文章

【前端学习】ES6语法函数写法优化

【前端学习】ES6语法函数写法优化相关推荐