| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>Document</title>
- </head>
- <body>
- <script>
- // // 函数
- // // 1.匿名函数
- // let aa = function () {
- // }
- // aa()
- // // 2.普通函数
- // function aa() {
- // }
- // // 3.立即执行函数
- // (function () {
- // })()
- // // 4.构造函数
- // function Person() {
- // }
- /** 构造函数
- * 1.首字母要大写
- * 2.可以通过new进行调用
- * 3.在构造函数中 this指向当前实例
- * 4.在构造函数中 return无效
- */
- /**
- * 构造函数中 属性
- * 原型 方法
- */
- function Person(name, age) {
- console.log("你好,人员信息")
- console.log(this)
- this.name = name;
- this.age = age;
- }
- Person.prototype.say = function () {
- console.log("你好")
- }
- let person = new Person('图图', 3)
- console.log(person);
- person.say();
- console.log(person.__proto__ == Person.prototype);
- console.log(Person.prototype.constructor == Person);
- console.log(Object.getPrototypeOf(person) === Person.prototype);
- /**
- * 原型
- * 1.所有的构造函数都自带了一个prototype属性(显性),该属性指向当前构造函数的原型
- * 2.原型可以通过自带的constructor(隐性),指向当前原型的构造函数
- * 3.构造函数可以通过new进行实例化 产生实例化对象
- * 4.实例化对象可以通过_proto_属性 指向当前构造函数的原型 在上面查找想要的属性或方法
- */
- /**
- * 原型链
- * 当访问一个对象的属性或方法时,先在当前对象自身查找,如果没有,
- * 通过_proto_方法去当前对象的原型上查找,如果,还是没有,去对象(Object.prototype)的原型上查找,
- * 找不到返回undefined,原型链的终点是null。这条由_proto_串起的链就是原型链;
- */
- </script>
- </body>
- </html>
|