2018.7.19——js有关函数的几种写法

最新推荐文章于 2023-01-02 21:27:42 发布

魔都筱宇

最新推荐文章于 2023-01-02 21:27:42 发布

阅读量206

点赞数

分类专栏： JavaScript 工作中学习日记文章标签： js函数

本文链接：https://blog.csdn.net/qq_39789497/article/details/81109625

版权

JavaScript 同时被 2 个专栏收录

9 篇文章 0 订阅

订阅专栏

工作中学习日记

9 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0"/>
<title>函数</title>
<style type="text/css">
	.class1{
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
</style>
</head>
<body>
<script type="text/javascript">
//函数的写法

/*
1.最常规的写法
*/
function fun1(){
	console.log(111111)
}

/*
匿名函数，函数保存到变量里
*/
var fun2 = function(){
	console.log(222222)
}

/*
将方法作为一个对象(用json对象)
*/
var obj1 = {
	fun3: function(){
		console.log(333333)
	},
	["fun4"](){
		console.log(444444)
	}
/*

如果某个方法之前加上星号（*），就表示该方法是一个 Generator 函数。
  * [Symbol.iterator]() {
    for (let arg of this.args) {
      yield arg;
    }
  }

*/
}

/*自运行函数*/
!function(){
	console.log(9999999)
}();

(function(b){
  console.log(9999999+b)
}("123")); /*注：此处必须加上 ; 否则下边的那个自运行函数报错*/

(function(a){
  console.log(9999999+a) 
})("123");

/*箭头函数*/
/*
箭头函数有几个使用注意点:
（1）函数体内的this对象，就是定义时所在的对象，而不是使用时所在的对象。
（2）不可以当作构造函数，也就是说，不可以使用new命令，否则会抛出一个错误。
（3）不可以使用arguments对象，该对象在函数体内不存在。如果要用，可以用 rest 参数代替。
（4）不可以使用yield命令，因此箭头函数不能用作 Generator 函数。
*/
var fun5 = () => {
	console.log(555555)
}

fun1();
fun2();
obj1.fun3()
obj1.fun4()
fun5();

/*
["名字"](参数){内容}
*/
var obj ={

	["fun6"](e){
		console.log(e)
	}	
}
// 等价于
var obj = {
	fun6: function(e){
		console.log(e)
	}
}
</script>
</body>
</html>