#yyds干货盘点# 歌谣学前端之箭头函数2

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了#yyds干货盘点# 歌谣学前端之箭头函数2相关的知识,希望对你有一定的参考价值。

前言

我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷 微信公众号前端小歌谣

箭头函数

  • 1.箭头函数中没有arguments * 2.箭头函数中没有自己的this * - 它的this总是外层作用域的this * 3.箭头函数中的this无法通过call()、apply()、bind()修改 * 4.箭头函数无法作为构造函数使用

代码案例

<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>箭头函数</title>
<script>

/*
* 1.箭头函数中没有arguments
* 2.箭头函数中没有自己的this
* - 它的this总是外层作用域的this
* 3.箭头函数中的this无法通过call()、apply()、bind()修改
* 4.箭头函数无法作为构造函数使用
*
* */

function fn(a, b, ...args)
// arguments用来保存函数的实参
// console.log(arguments.length);
console.log(args);


const fn2 = (...args)=>
console.log(args);
;

const fn3 = () =>
console.log(this);
;

const obj =
hello:()=>
console.log(this);

;

const obj2 =
hello:function ()
const test = () =>
console.log(-->,this);
;

test();

;

obj2.hello();

// new fn3();




</script>
</head>
<body>

</body>
</html>

以上是关于#yyds干货盘点# 歌谣学前端之箭头函数2的主要内容,如果未能解决你的问题,请参考以下文章

#yyds干货盘点 歌谣学前端之React中jsx注意事项

#yyds干货盘点 歌谣学前端之React中jsx

#yyds干货盘点# react笔记之学习之显示日期

#yyds干货盘点# react笔记之学习之完成添加功能

#yyds干货盘点# react笔记之学习之useRef()和DOM对象

#yyds干货盘点# react笔记之学习之双向绑定