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

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

相关推荐
临期冰淇淋4 分钟前
MTK平台 安卓16 GMS报错修改
android·java·前端
czt_java9 分钟前
网络基础入门:IPv4、IPv6、私网公网、MAC、以太网帧与 DNS 学习笔记
网络·学习·macos
Misnearch12 分钟前
React中的回调
前端·javascript·react.js
Profile排查笔记17 分钟前
浏览器多开怎么设置独立 IP?Profile、代理与核验流程
前端·人工智能·后端·自动化
我命由我1234531 分钟前
LRU 缓存淘汰策略
数据结构·redis·学习·mysql·算法·缓存·学习方法
一木 之林35 分钟前
微信小程序开发全攻略·文章版|01 入门与环境搭建
人工智能·学习·计算机视觉·微信小程序·notepad++
Xudde.37 分钟前
Quaoar 靶机渗透测试(Vulnhub Writeup)
笔记·学习·安全·web安全
anyup_前端梦工厂1 小时前
将uni-app工程迁移uni-app x,AI 能帮我们做什么?
前端·人工智能·uni-app
凌云若寒1 小时前
BarTender官网下载打印机驱动
运维·服务器·前端·网络·产品经理
遇印记1 小时前
网络安全,数据链路层,物理层
运维·服务器·网络·windows·学习