JavaScript学习笔记---this使用与函数简单介绍

主要内容： 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>

 

posted @ 2020-07-03 12:56  石海莹  阅读(143)  评论(0)  编辑  收藏  举报