es6的相关基础知识

admin
2021-03-08
87

es6

1.ECMAScript与JavaScript


前者是后者的规则,后者是前者的实现


2.es6语法的执行


2.1浏览器执行


2.2visual studio code执行es6语法


    使用:点击拓展安装Code Runner插件,然后选择js代码,然后右击Run Code执行


2.3使用babel编译(es6转化为es5)


注意:babel是基于nodejs的


2.3.1安装babel


npm -g install babel -cli


2.3.2检测版本


babel -V


2.3.3再项目文件下安装解析包


npm install babel-preset-es2015 babel-preset-env


2.3.4跟目录下新建.babelrc


{

    "presets":[

        "es2015","env"

    ],

    "plugins":[

        

    ]

}


2.3.5编译


在项目文件下执行


babel 1.js -o dist/11.js


表示把1.js解析成es5格式,并且放到dist下的11.js中


babel aaa -d bbb


把aaa文件下的的js解析成es5并且放到bbb之中


babel -w 1.js -o dist/11.js


babel -w aaa -d bbb


加上-w表示自动检测,只要修改就会重新编译


3.函数


3.1普通函数获取多个参数


function fun(){

    console.log(arguments);

}


fun(1,2,3,4);


3.2es6箭头函数


fun=(...arguments)=>{

    console.log(arguments);

}


fun=(aa,...arguments)=>{

    console.log(arguments);

}


fun(1,2,3,4);