<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
/*
使用工厂法创建对象,使用的构造函数都是object
所以创建的对象都是object这个类型的
就导致我们无法区分出不同类的对象
*/
/*
以创建狗的对象为例
*/
function createDog(name,age){
var obj=new Object();
obj.name=name;
obj.age=age;
obj.sayHello=function(){
alert("汪汪~~~");
}
return obj;
}
var dog=createDog("旺财",3,);
dog.sayHello();
document.write("<hr>");
document.write("<hr>");
document.write("<hr>");
</script>
<script>
/*
1.创建一个构造函数,专门用来创建person对象
2.构造函数就是一个普通的函数,创建方式和普通函数没有什么区别
不同的是构造函数习惯上首字母大写
3.构造函数和普通函数的区别就是调用方式的不同
普通函数是直接调用,而构造函数需要使用关键字new来调用
构造函数的执行流程:
1.立刻创建一个新的对象
2.将新建的对象设置为函数中的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(){
alert(this.name);
}
}
//任何函数,只要通过new操作符来调用,就可以作为构造函数
var per=new Person("孙",18,"男");
var per2=new Person("悟",17,"男");
var per3=new Person("空",16,"男");
var per4=new Person("悟空",15,"男");
var per5=new Person("孙悟",14,"男");
console.log(per);
console.log(per2);
console.log(per3);
console.log(per4);
/*
使用instanceof可以检查一个对象是否是一个类的实例
语法:
对象instanceof构造函数
如果是,则返回true,否则返回false
所有的对象都是Object的后代
所有的对象和Object做instanceof检查都会返回true
*/
console.log(per instanceof Person);
console.log(per instanceof Object);
</script>
</head>
<body>
</body>
</html>
js基础——构造函数
猜你喜欢
转载自blog.csdn.net/weixin_44158539/article/details/113668049
今日推荐
周排行