首页 / JAVA / JavaScript--原型链

JavaScript--原型链

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了JavaScript--原型链，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2539字，纯文字阅读大概需要4分钟。

内容图文

原型链

一.构造函数与原型链的关系

博客中：http://www.cnblogs.com/shuiyi/p/5305435.html

的图

技术分享

 

 

 

技术分享

例子：

             1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Title</title>
 6     <script>
 7function Person(obj) {
 8this.obj = obj || {}
 9this.name = this.obj.name || "匿名";
10this.age = this.obj.age || 18;
11this.sex = this.obj.sex || "男";
12        }
1314         Person.prototype.fn = function () {
15             console.log("我是挂载在原型链上的函数");
16        }
17var p1 = new Person({
18             name:"小明"
19        });
20//        console.log(p1.__proto__.sayHi === p1.sayHi);// ture21         console.log("构造函数");
22        console.dir(Person);
23         console.log("实例化后的对象");
24        console.dir(p1);
25         console.log(Person.prototype === p1.__proto__); // true26         console.log(Person instanceof Object); //true2728     </script>
29 </head>
30 <body>
3132 </body>
33 </html>

技术分享

Person.prototype === p1.__proto__ 以及Person instanceof Object是true的原因：

技术分享

 二.原型指向

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        // 万物皆对象function Person(name,age) {
            this.name = name || "名字";
            this.age = age ||18;
        }

        function Stuent(number) {
//            this.name = name;
//            this.age =age;this.number = number;
        }
        // 修改指向方法一：推荐
        Stuent.prototype = new Person();
//        var stu1 = new Stuent("一号");// 修改指向方法二：
//        Stuent.prototype = {
//            constructor:Person,
//            age:11
//        };        console.dir(Stuent);
//        console.dir(stu1.age);
    </script>
</head>
<body>

</body>
</html>

三.JS内置对象的原型链

             1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <script>
 6//        new Object(); 7//        new Number(); 8//        new String(); 9//        new Boolean();10//        new Function();11//        new Date();1213//        var obj1 = new Object();14//        var obj2 = {};15//        console.dir(obj1);16//        console.dir(obj2);17//
18//        console.log(obj1 instanceof Object); // true19//        console.log(obj2 instanceof Object);　// true2021var data1 = new Number("123");
22        console.dir(data1);
23         console.log(data1.__proto__); // Number24         console.log(data1.__proto__.__proto__); // Object25         console.log(data1.__proto__.__proto__.__proto__); // null26         console.log(data1.__proto__.__proto__ === data1.__proto__.__proto__); // ture27//        console.dir(typeof  data1.toString()); //"123" string2829var data2 = true;
30// console.log(data2.toString()); // "true"3132     </script>
33     <title>Title</title>
34 </head>
35 <body>
3637 </body>
38 </html>

 

原文：http://www.cnblogs.com/mrszhou/p/7744844.html

内容总结

以上是互联网集市为您收集整理的JavaScript--原型链全部内容，希望文章能够帮你解决JavaScript--原型链所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1243683.html

来源：【匿名】