JavaScript基础--函数详解

最新推荐文章于 2023-06-19 15:06:21 发布

张0x0

最新推荐文章于 2023-06-19 15:06:21 发布

阅读量209

点赞数

分类专栏： web前端基础学习 JavaScript学习文章标签：前端 javascript es

本文链接：https://blog.csdn.net/zxn200125/article/details/121218561

版权

这篇博客详细介绍了JavaScript中的函数，包括函数语法、this关键字及其应用场景、如何更改this指向、不同类型的函数调用方式以及函数参数的形参、实参概念和它们的关系。此外，还讨论了arguments对象在函数中的作用。

摘要由CSDN通过智能技术生成

函数语法

通过关键词function进行定义

//定义函数
function functionName([参数]){   
    //执行代码
}

要点：

1.function关键词不能被改变

2.函数名命名规则与变量名相同，可包含数字、字母、下划线、美元符号等。为了加强程序的可读性，命名时建议采用驼峰命名法（混合使用大小写，第一个单词小写，第二个单词开始以后每个单词首字母大写）

3.函数名后的()必须存在不能省略。其中可以不包含参数，也可以包含一个或者多个参数，多个参数之间采用逗号进行分隔

this关键字

含义

总是返回一个对象(属性或方法“当前”所在的对象)

应用场景

全局作用域：全局作用域中使用this对象，指向的是window对象

function This(){
    console.log(this === window);
}
This();   //输出true，表示this指向window对象

构造函数：指向创建的对象实例

function This(name){  //定义This构造函数
    this.name=name;
}
var a=new This('xiaoming');   //调用构造函数赋值给a对象实例
console.log(a.name);    //输出 xiaoming

对象的方法：指向该对象(将某个对象的方法赋值给另外一个对象时，会改变this的指向)

var This={        
    name:'zhangsan',
    f:function(){
        return this.name;
    }
};
var change={
    name:'xiaoming'
};
change.f=This.f;   //将This的f函数赋值给change，this的指向从This变成change
console.log(This.f());     //输出zhangsan
console.log(change.f());   //输出xiaoming