常见的几种JS语法糖

导读:本篇文章讲解 常见的几种JS语法糖,希望对大家有帮助,欢迎收藏,转发!站点地址:www.bmabk.com

对象字面量

let sex1 = 'man', sex2 = ‘woman’
let sex = {man,woman}  

箭头函数

let fun = function(params){}
//可以缩写成如下 箭头函数会改变this的指向
let fun= params =>{}
//当参数有两个及以上时,如下:
let fun= (params1,params2,,,)=>{}

数组解构

let arr = ['a','b','c'];
let {a,b} = arr
console.log(a) // a
//数组解构也允许你跳过你不想用到的值,在对应地方留白即可,举例如下
let {a,,c} = array
console.log(c)  //c

函数默认参数

function  getResponse(a,b=0) {
  //常用于请求数据时,设置默认值 
}

拓展运算符

function test() {
  return [...arguments]
}
test('a', 'b', 'c') // ['a','b','c']
//扩展符还可以拼合数组
 let all = ['1',...['2','3'],...['4','5'],'6']   // ["1", "2", "3", "4", "5", "6"]

模板字符串

let id = '奋斗中的编程菜鸟'
let blog = '博主id是:${id}' // 博主id是:奋斗中的编程菜鸟

多行字符串

//利用反引号实现多行字符串(虽然回车换行也是同一个字符串)
let poem = `A Pledge
	By heaven,
	I shall love you
	To the end of time!
	Till mountains crumble,
	Streams run dry,
	Thunder rumbles in winter,
	Snow falls in summer,
	And the earth mingles with the sky —
	Not till then will I cease to love you!`

拆包表达式

const data = {
      a: 'a',
      b: 'b',
      c: 'c'
}
let {a,c} = data
console.log(c); // c 

ES6中的类

class helloJs{
// 构造方法
  constructor(options = {}, data = []) { 
        this.name = '奋斗中的编程菜鸟'
        this.data = data
        this.options = options
    }
 // 成员方法
    getName() { 
        return this.name
    }
}

模块化开发

// 新建一个util.js 文件夹
let formatTime = date=>{
	....
}
let endTime = date=>{
	....
}

module.exports = {
   formatTime,
   endTime,
}
//可以用import {名称} from '模块' 
//然后再同级目录创建一个js文件 引入 util.js
//import {endTime} from 'util'
//或者全部引入
//import util from 'util'

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

文章由半码博客整理,本文链接:https://www.bmabk.com/index.php/post/73766.html

(0)

相关推荐

半码博客——专业性很强的中文编程技术网站,欢迎收藏到浏览器,订阅我们!