| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>Document</title>
- <script>
- /*
- 创建一个构造函数，专门用来创建person对象的
- 构造函数就是一个普通的函数，创建方法和普通函数没有区别，
- 不同的是构造函数习惯上首字母大写
- 构造函数和普通函数的区别就是调用方式的不同
- 普通函数是直接调用，而构造函数需要使用new关键字来调用
- 构造函数的执行流程：
- 1.立刻创建一个新的对象
- 2.将新建的对象设置为函数中的this（当函数以构造函数的形式调用的时候，this就是新创建的对象），
- 在构造函数中，可以使用this来引用新建的对象
- 3.逐行执行函数中的代码
- 4.将新建的对象作为返回值返回
- 使用同一个构造函数创建的对象，我们称为一类对象，也将一个构造函数称为一个类。
- 我们将通过一个构造函数创建的对象，称为该类的实例（或者该构造函数的实例）
- this的情况：
- 1.当以函数的形式调用时，this是window
- 2.当以方法的形式调用时，谁调用方法this就是谁
- 3.当以构造函数的形式调用时，this就是新创建的那个对象
- */
-
- function Person(name,age,gender){
- this.name = name;
- this.age = age;
- this.gender = gender;
- this.sayName = function(){
- console.log('this.name');
- };
- }
- var per = new Person("孙悟空",28,"男");
- var per2 = new Person("二师兄",38,"男");
- var per3 = new Person("沙师弟",48,"男");
- console.log(per);
- console.log(per2);
- console.log(per3);
- function Dog(name,gender){
- this.name = name;
- this.gender = gender;
- this.sayDog = function(){
- console.log(this.name);
- };
- }
- var dog = new Dog("旺财","公狗");
- console.log(dog);
- /*
- 使用instanceof可以检查一个对象是否是一个类的实例
- 语法：
- 对象 instanceof 构造函数
- 如果是，则返回true，否则返回false
- */
- // console.log(per instanceof Person);//返回结果为true
- // console.log(dog instanceof Dog);//返回结果为true
- /*
- 所有的对象都是Object的后代，
- 所以任何对象和Object做instanceof检查时都会返回true
- */
- // console.log(per instanceof Object);//返回结果为true
- // console.log(dog instanceof Object);//返回结果为true
- </script>
- </head>
- <body>
-
- </body>
- </html>
|
