JavaScript学习笔记---this使用与函数简单介绍
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了JavaScript学习笔记---this使用与函数简单介绍，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2026字，纯文字阅读大概需要3分钟。
内容图文
主要内容： this的使用方法 和 函数的简单介绍
## this
????this:?谁用他?他指谁## 自定义属性
????某个元素上自己定义属性?## 自定义索引/下标
????给每个元素添加自定义索引?赋值## 函数 普通函数
????由事件驱动的或者当它被调用时执行的可重复使用的代码块。????函数名起名规则?与?变量名?起名规则相同
【重点！】函数必须调用后才能使用，调用方法： 函数名()
1.声明函数
（定义函数 前后调用 都有效）
????????????function?函数名(){}2.表达式声明(先定义，在调用)
????????????var?函数名?=?function?(){}## 函数中的参数
????函数参数：??形参，实参【可以多个，参数与参数之间用逗号隔开?，但是是一 一对应】 ????function?fn(x)?{???x是?形参?==》??形式参数???未知数 ???? ????} ? ????fn(10);???10是?实参?==》?实际参数??(类型：六大类型的任意一种都可)## 函数名重名
????函数名也不能重名，若重名，后者会覆盖前者## arguments
????arguments?是类数组[不是真正的数组，但拥有数组的功能，比如有长度，比如可以通过下标取用]。 ????只有函数才有arguments，表示实参的集合。 ? 示例： <script>
function fun(){
console.log(Array.isArray(arguments));
}
fun(10086,10010,'abc',false,{})
</script>
## this指向
????this指向：?谁用他他指谁 ???????????? ????????????????1.谁都不用他时，他指向window对象 ????????????????2.普通函数中打印this，他指向window对象 ????????????????3.事件函数中，谁用他他指谁，指发生该事件的元素 ????????????????4.写在对象的函数中，指向该对象 ? 示例：<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
#box{
width:100px;
height:100px;
background:violet;
}
</style>
</head>
<body>
<div id="box"></div>
<script>
// 1.谁都不用他时，他指向window对象
// console.log(this);
// 2.普通函数中打印this，他指向window对象
// function fun(){
// console.log(this);
// }
// fun();
// 3.事件函数中，谁用他他指谁，指发生该事件的元素
// var box = document.getElementById('box');
// box.onclick = function(){
// console.log(this);
// }
// 4.写在对象的函数中，指向该对象
var obj = {
name:'luffy',
age:17,
fn:function(){
console.log(this);
}
};
obj.fn(); // obj
</script>
</body>
</html>
内容总结
以上是互联网集市为您收集整理的JavaScript学习笔记---this使用与函数简单介绍全部内容，希望文章能够帮你解决JavaScript学习笔记---this使用与函数简单介绍所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。
来源：【匿名】