zoukankan      html  css  js  c++  java
  • ES6 语法

    一:搭建ES6 开发环境

      安装:npm i -g babel-cli

    二:npm i --save-dev babel-preset-es2015 babel-cli

    三:babel  src/index.js -o dist/index.js

    src: es6 语法的文件位置

    dist: es6 转es 5运行文件位置

    (四:简化babel src/index.js -o dist/index.js)在packjson 中的" script“下把"test"换成"build"并且value值设置为"babel src/index.js -o dist/index.js"   运行时:npm run build 

     ES6常用语法:

    1.多条变量赋值:let [a,b,c] = [1,[1,2],3];有默认值:let [a,b=true] =  [1];

    2.对象扩展运算符(...)

     数组赋值禁止同步改变用[...arr]  (arr为原来的数组)

    3.字符串模板以及 反引号

    let a = '1111';

    `这是es6的字符串模板语法${a}`

    4.数值类型的判断

    let a = '11'

    判断是否为非数值类型:Number.isNaN(a) 

    判断整数:  Number.isIntegger(a)

    转为整型:Number.parseInt(a)

    转为浮点型: Number.parseFloat(a)

    5.json转array

    Array.from(json)

    Array.of()把文本/变量转为数值

    6. 数组的entres()方法,生成iterator型数组,用next()跳转下一个值,例如:

    let arr = ['adan',' is ','girl'];

    let list  = arr.entries();

    console.log(list.next().value);

    7.数组的in()判断数组是否为空

    console.log(idx in arr)

    8.数组转字符串

    arr.toString();

    arr.join('....');

    9.未知key值用:[key] 获取

    10.is()判断对象是否相同:Object.is(obj1,obj2);

    11.合并对象:assign()   Object.assign(obj1,0bj2);

    12.Symbol() 

    你对生活笑,生活不会对你哭。
  • 相关阅读:
    状态压缩DP------学习小记
    hdu 4681 string
    poj 3254 Corn Fields
    poj 3680 Intervals
    poj 1149 pigs ---- 最大流
    最大流算法----(SAP 和 EK)
    poj 2151 Check the difficulty of problems
    FTP的PORT(主动模式)和PASV(被动模式)
    json.stringify(),json.stringify()与json.parse()的区别
    css 选择器
  • 原文地址:https://www.cnblogs.com/adanxiaobo/p/7911837.html
Copyright © 2011-2022 走看看