前言：
此时大家对“c语言调用自定义函数的格式”大致比较关怀，大家都想要了解一些“c语言调用自定义函数的格式”的相关资讯。那么小编在网上搜集了一些关于“c语言调用自定义函数的格式””的相关资讯，希望我们能喜欢，同学们快快来了解一下吧！概述：
ES6允许在大括号里面，直接写入变量和函数，作为对象的属性和方法，这样书写更加简洁；
代码示例以及相关说明：
//ES6允许在对象的大括号内直接写入变量和函数作为对象的属性和方法//变量和函数let people = '大哥';let change = function () { console.log("活着就是为了改变世界！");}//创建对象const school = { //完整写法 // people: people, // change: change //简化写法 people, change, //声明方法简化 say() { console.log("言行一致！"); }}school.change();school.say();运行结果：
二、箭头函数
1、概述
ES6允许使用箭头（=>）定义函数，箭头函数提供了一种更加简洁的函数书写方式，箭头函数多用于匿名函数的定义；
2、箭头函数的注意点
如果形参只有一个，则小括号可以省略；
函数体如果只有一条语句，则花括号可以省略，函数的返回值为该条语句的执行结果；
箭头函数 this 指向声明时所在作用域下 this 的值；
箭头函数不能作为构造函数实例化；
不能使用 arguments；
3、特性
箭头函数的this是静态的，始终指向函数声明时所在作用域下的this的值；
不能作为构造实例化对象；
不能使用 arguments 变量；
4、代码演示及相关说明
注意：箭头函数不会更改 this 指向，用来指定回调函数会非常合适；
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>箭头函数</title> </head> <body> <script> // ES6允许使用箭头（=>）定义函数 // 传统写法：无参数 var say = function(){ console.log("hello！"); } say(); // ES写法2：无参数 let speak = () => console.log("hello 哈哈！"); speak(); // 传统写法：一个参数 var hello = function(name){ return "hello " + name; } console.log(hello("訾博")); // ES6箭头函数：一个参数 let hi = name => "hi " + name; console.log(hi("訾博")); // 传统写法：多个参数 var sum = function(a,b,c){ return a + b + c; } console.log(sum(1,2,3)); // ES6箭头函数：多个参数 let he = (a,b,c) => a + b + c; console.log(he(1,2,3)); // 特性 // 1、箭头函数的this是静态的，始终指向函数声明时所在作用域下的this的值 const school = { name : "大哥", } // 传统函数 function getName(){ console.log("getName：" + this.name); } // 箭头函数 getName1 = () => console.log("getName1：" + this.name); window.name = "訾博"; // 直接调用 getName(); getName1(); // 使用call调用 getName.call(school); getName1.call(school); // 结论：箭头函数的this是静态的，始终指向函数声明时所在作用域下的this的值 // 2、不能作为构造实例化对象 // let Persion = (name,age) => { // this.name = name; // this.age = age; // } // let me = new Persion("訾博",24); // console.log(me); // 报错：Uncaught TypeError: Persion is not a constructor // 3、不能使用 arguments 变量 // let fn = () => console.log(arguments); // fn(1,2,3); // 报错：Uncaught ReferenceError: arguments is not defined </script> </body></html>5、运行结果应用场景：
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>箭头函数的实践和应用场景</title> <style> div { width: 200px; height: 200px; background: #58a; } </style> </head> <body> <div id="ad"></div> <script> // 需求-1 点击 div 2s 后颜色变成『粉色』 // 获取元素 let ad = document.getElementById('ad'); // 绑定事件：这也是错误写法，这里的this还是window // ad.addEventListener("click", () => { // // ES6写法 // // 定时器：参数1：回调函数；参数2：时间； // setTimeout(() => this.style.background = 'pink',2000); // } // ) // 绑定事件 ad.addEventListener("click", function(){ // ES6写法 // 定时器：参数1：回调函数；参数2：时间； // 这个this才是ad setTimeout(() => this.style.background = 'pink',2000); } ) </script> </body></html>从数组中返回偶数的元素<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>箭头函数的实践和应用场景</title> <style> div { width: 200px; height: 200px; background: #58a; } </style> </head> <body> <div id="ad"></div> <script> // 需求-1 点击 div 2s 后颜色变成『粉色』 // 获取元素 let ad = document.getElementById('ad'); // 绑定事件：这也是错误写法，这里的this还是window // ad.addEventListener("click", () => { // // ES6写法 // // 定时器：参数1：回调函数；参数2：时间； // setTimeout(() => this.style.background = 'pink',2000); // } // ) // 绑定事件 ad.addEventListener("click", function() { // ES6写法 // 定时器：参数1：回调函数；参数2：时间； // 这个this才是ad setTimeout(() => this.style.background = 'pink', 2000); }) //需求-2 从数组中返回偶数的元素 const arr = [1, 6, 9, 10, 100, 25]; // const result = arr.filter(function(item){ // if(item % 2 === 0){ // return true; // }else{ // return false; // } // }); const result = arr.filter(item => item % 2 === 0); console.log(result); // 箭头函数适合与 this 无关的回调. 定时器, 数组的方法回调 // 箭头函数不适合与 this 有关的回调. 事件回调, 对象的方法 </script> </body></html> 版权声明：
本站文章均来自互联网搜集，如有侵犯您的权益，请联系我们删除，谢谢。
标签： #c语言调用自定义函数的格式
