前端学习之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>

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

相关推荐
Flynt14 分钟前
别写拖拽行为,只声明"能拖到哪":UIST 最佳论文的拖拽方案我实测了
前端·svg·preact
Moment42 分钟前
代码都能让 Agent 写了,我们为什么还要学前端?
前端·后端·面试
Hilaku1 小时前
MCP 协议会成为前端 AI 工程的标准接口吗?
前端·javascript·程序员
Zan1 小时前
Tauri 2 实战:为什么一个可靠的桌面应用,应该由 Rust Host 管理生命周期?
前端·架构·rust
SameX1 小时前
鸿蒙 ArkTS 独立开发者的项目结构 model / dao / viewmodel / page / common 的分层
前端
阿星AI工作室1 小时前
WorkBuddy做数字人口播:动效包装+克隆声音+真实照片+对口型全流程
前端
火山引擎开发者社区1 小时前
给企业配一双 AI 的手:火山引擎 OS Agent 替你操作手机和电脑
前端·人工智能
三年三月1 小时前
自建https证书SSL
前端
ClouGence3 小时前
Web 自动化测试总是超时?聊聊等待、超时和异步加载
前端·测试
RobinDevNotes4 小时前
从 Electron 到 GPUI,9 个跨平台桌面方案该怎么选
前端·javascript·rust·electron·openresty·前端开发工具