es6第一天笔记06——函数的扩展

news/2024/7/11 2:01:17 标签: es6

1.函数参数的默认值

<script>
    function fn(x,y=20){
        console.log(x,y);
    }
    fn(10);
</script>

 控制台输出结果为:

10 20

2. arguments获取用户输入的所有实参,是一个类数组

<script>
    function fn(x,y){
        var list = Array.from(arguments);
        list.forEach(function(item){
            console.log(item);
        });
    }
    fn(10,20,30,40,50);
</script>

  控制台输出结果为:

10
20
30
40
50

3.箭头函数

<script>
    var fn = () => {
        console.log('Hello Vue');
    }
    fn();
</script>

相当于: 

<script>
    var fn = function () {
        console.log('Hello Vue');
    }
    fn();
</script>

4.如果函数体只有一句话,可以省略{}

<script>
    var fn = () =>console.log('Hello Vue');
    fn();
</script>

相当于:

<script>
    var fn = () => {
        console.log('Hello Vue');
    }
    fn();
</script>

5.如果函数体只有一句return语句,省略return

<script>
    var fn = () => 'Hello Vue';
    console.log(fn());
</script>

相当于:

<script>
    var fn = () => {
        return 'Hello Vue';
    }
    console.log(fn());
</script>

6.箭头函数,没有了arguments的概念,但有了剩余参数的概念

<script>
    var fn = (x,y,...args) => {
        console.log(args);
    }
    fn(1,2,3,4,5);
</script>

 控制台输出结果为:

[3, 4, 5]


http://www.niftyadmin.cn/n/1367915.html

相关文章

vue第一天笔记01——移动端布局

<!DOCTYPE html> <html lang"en"><head><meta charset"UTF-8"><meta http-equiv"X-UA-Compatible" content"IEedge"><!--视口标签 实现移动端布局&#xff0c;必须加的标签&#xff0c;禁止伸缩 --&…

vue第一天笔记14——vue练习:选项卡和发微博

一、选项卡 <!DOCTYPE html> <html lang"en"><head><meta charset"UTF-8"><meta http-equiv"X-UA-Compatible" content"IEedge"><meta name"viewport" content"widthdevice-width,…

vue第二天笔记01——组件的两种定义方式

一、第一种定义 <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><meta http-equiv"X-UA-Compatible" content"IEedge"><meta name"viewport" content"widthdevice-w…

vue第三天笔记04——安装node.js环境

1.打开网页&#xff1a; https://nodejs.org/en/download/ 2.下载msi文件 下载msi文件3.打开并安装 下一步勾选再下一步可以修改路径&#xff0c;不修改直接下一步直接下一步下一步安装结束4.安装 vue-cli&#xff1a; npm install vue-cli -g 安装vue命令环境5.检测是否安装…

vue第三天笔记05——使用vue-cli脚手架工具创建一个项目

1.新建文件夹&#xff0c;命名不能是中文 2.打开该文件夹&#xff0c;在该文件夹路径下输入cmd&#xff0c;进入命令行 3.输入下面的命令 vue init 模板名 项目名称(随便取名&#xff0c;要是英文) 模板名有三种&#xff1a; simple&#xff1a; 只有一个index.html文件&…

vue第三天笔记06——vue-cli练习

将下列HTML代码写入vue-cli项目 <!DOCTYPE html> <html lang"en"><head><meta charset"UTF-8"><meta http-equiv"X-UA-Compatible" content"IEedge"><meta name"viewport" content"…

vue第四天笔记01——路由整理

效果图1. 为了实现这个简单的路由&#xff0c;我们之前是将路由的配置放在main.js页面中进行配置&#xff1a; 2.但是在单页面开发的时候&#xff0c;会有很多路径需要配置&#xff0c;这时候再放在main.js里面就不太好了&#xff1b;解决方法就是在assets文件夹里面新建js文件…

vue第四天笔记02——axios请求

一、axios请求的步骤&#xff1a; 1.下载依赖&#xff0c;命令行输入下列命令 npm install axios -S 2.在main.js里引入axios import axios from axios Vue.prototype.$http axios 3. 在mounted内部进行axios请求 mounted(){ this.$http.get(数据源文件的路径&am…