js 普通函数,构造函数,匿名函数,闭包函数,箭头函数

前端段

已于 2022-06-06 08:15:35 修改

阅读量854

点赞数 3

CC 4.0 BY-SA版权

分类专栏： js学习文章标签： javascript 前端 typescript

于 2019-05-05 14:56:34 首次发布

本文链接：https://blog.youkuaiyun.com/hkduan/article/details/89845753

js学习专栏收录该内容

84 篇文章

订阅专栏

博客主要介绍了JavaScript中普通函数和箭头函数的相关知识。给出普通函数示例，展示this指向window的情况。详细阐述箭头函数的多种形式，如单参数、无参数、多参数等，还说明了箭头函数没有this、arguments和prototype，以及其返回值的不同写法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//普通函数
function person2 (name,age) {
console.log(‘this:’,this)
this.name=name;
this.age=age;
my = ‘dhk’
this.sayName=function () {
console.log(this.name);
}
console.log(this.age);
}
var person = person2(“lucy”,“23”); //this 指向window
window.sayName(); //luck

    //构造函数
    function Person (name,age) {   //一般都是首字母大写
		this.name=name;
		this.age=age;
		this.sayName=function (){
			console.log(this.name);
		}
	}
	var personw =new Person("make","18");   //new 一个对象    this指向Person
	personw.sayName();   //make


    //匿名函数
    (function(){
		console.log("匿名函数自我调用");
	})();  //调用匿名函数

	// 将匿名函数赋值给变量
	var cat = function () {
		console.log("赋值的匿名函数");
	}
	cat();


    //闭包
    var mybox = (function box (n) {
		return function(x){
			return n+x;
		}
	})('测试')
	console.log(mybox('dddd'));

//箭头函数
x => x * x; //相当于 function(x){return xx}
()=> 36;
(x,y)=>x*y;

//箭头函数闭包
var a = 10;
var foo = (a => (() => a++))(a);
foo()

箭头函数没有this，是继承上级的this
function f(){
this.a =1
return ()=> console.log(this.a)
}
f()() // 1

箭头函数没有arguments，是继承上级的arguments
function f(){
return ()=> console.log(arguments)
}
f(1,2)(3,4) // [1,2]

箭头函数没有prototype

箭头函数返回值
默认返回 const fun2 = ()=> 1+2； //return 3
如果是块语句必须写return, const fun2 = ()=> {return 1+2} //return 3
如果返回是对象，不想写return，可以用 ()包裹
const fun2 = ()=> ({a:2}) // return a:2
或者写全return
const fun2 = ()=> {return {a:2}} // return a:2