JavaScript中的静态函数

最新推荐文章于 2024-07-26 20:46:33 发布

Tony Hou

最新推荐文章于 2024-07-26 20:46:33 发布

阅读量2.6k

点赞数

文章标签： js javascript

本文链接：https://blog.csdn.net/cool_q/article/details/107507618

版权

JavaScript中的静态函数

对于JavaScript中静态函数的描述：
类相当于实例的模型，所有在类中定义的函数都会被实例所继承，如果在该类上加上一个static关键字，就表示该函数不会被实例继承，而是通过类来调用，这就称为静态函数。

示例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>静态函数的使用</title>
</head>
<body>



<script>
    //静态函数不会被实例所继承  但是可以使用类继承
    class Animal{
        static animal(){
            console.log('我是一个动物');
        }
        //动物吃的方法
        eat(){
            console.log('正在吃东西')
        }
        animal(){
            console.log('这是一个动物方法')
        }
    }

    //调用Animal静态函数
    Animal.animal();


    class Cat extends Animal{

    }
    //调用父类静态animal方法
    Cat.animal();
    //实例化animal对象
    let animalTest = new Animal();
    //打印实例化后的animal对象查看是否存在静态方法
    console.log(animalTest);
</script>
</body>
</html>

结果：
在这里插入图片描述
总结：
在js中使用静态函数只能通过类名.方法名进行调用（类似java）且实例化后的对象没有继承static修饰的方法，只继承了普通方法，但是类与类之间的继承还是可以继承到static修饰的方法，并且能够通过类名.方法名的方式进行调用

Tony Hou

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
JavaScript中的静态函数

JavaScript中的静态函数对于JavaScript中静态函数的描述：类相当于实例的模型，所有在类中定义的函数都会被实例所继承，如果在该类上加上一个static关键字，就表示该函数不会被实例继承，而是通过类来调用，这就称为静态函数。示例：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>静态函数的使用</title>&
复制链接

扫一扫