前端学习之JavaScript函数的属性length和prototype原型及原型链

(注释有解释)

html 复制代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>函数的属性</title>
</head>
<body>
    <!-- ECMAScript中函数是对象,因此函数也有属性和方法,每个函数都包含两个属性:length和prototype -->
    <!-- length属性表示函数希望接收的命名参数的个数,希望不是控制 -->
    <!-- prototype属性,他是保存实例方法和属性的所在,也就是原型 -->
    <script>
        function Person(n,a){
            this.name = n
            this.age = a
        }
        // 每个函数都有一个,prototype属性,他是保存实例方法和属性的所在,称之为原型,也称为原型对象
        // 函数可以把属性和方法挂载道prototype上,所有对象可以用,这样两个相同方法不需要用两个内存空间,只需要用一个内存空间
        // 原型链:对象都有__proto__属性,这个属性指向它的原型对象,
        // 原型对象也是对象,也有__proto__属性,指向原型对象的原型对象,
        // 这样形成的链式结构称为原型链。最顶层找不到返回null
        Person.prototype.show_info = function(n,a){
                console.log(n,a)
            }
       
        let p = new Person('zhangsan',18)
        p.show_info(p.name,p.age)
        let p1 = new Person('lisi',19)
        p1.show_info(p1.name,p1.age)
    </script>
</body>
</html>

不嫌弃的点点关注,点点赞 ଘ(੭ˊᵕˋ)੭* ੈ✩‧

相关推荐
liangshanbo12157 分钟前
Web Worker 在 AI 前端应用中有什么具体使用场景?
前端·人工智能
拖孩23 分钟前
一个全程 AI 写的小程序「厨菜记」,上线 20 天跑通流量主,收入几块钱,开心得不行
前端·后端·微信小程序
颜进强26 分钟前
21 · NestJs AsyncProviders 异步提供者:useFactory 返回 Promise 之后,容器发生了什么
前端·后端·ai编程
莪_幻尘43 分钟前
Agent 体检:乱编、连锁、失忆,给 Agent 做一次五维体检
前端·人工智能·agent
Helix2501 小时前
2026编程入门指南:零基础如何科学选择第一门编程语言?
java·c语言·javascript·零基础·编程语言·python入门·编程就业
JWASX1 小时前
Java 转 go 学习 - Redis(1)
学习·golang
JWASX1 小时前
Java 转 go 学习 - Redis(2)
学习·golang
秋天的一阵风1 小时前
🚀 nacos-web-config:运营半夜改条配置,网页秒更新 —— 不用发版、不用轮询,我把它开源了
java·前端·开源
不一样的少年_1 小时前
别用前端思维写后端:一张 5MB 图片,为什么能撑爆内存?
前端·后端·图片资源
沐言人生1 小时前
太吊了!这 2 款网盘工具,让我省 4000 大洋!
前端