把随机数对象暴露给window成为全局对象
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script>
// 通过自调用函数产生一个随机数对象,在自调用函数外面,调用该随机数
// 对象方法产生随机数
(function(window){
var num = 10;
// 产生随机数的构造函数
function Random(){
// 在原型对象中添加方法
Random.prototype.getRandom = function(min,max){
return Math.floor(Math.random()*(max-min)+min);
};
}
// 把Random对象暴露给顶级对象window---->外部可以直接使用这个对象
window.random = new Random();
})(window);
var num = random.getRandom(0,5);
console.log(num);
// 全局变量
</script>
</head>
<body>
</body>
</html>
原型及原型链
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script>
// 使用对象---->使用对象中的属性和对象中的方法,使用对象就要先有构造函数
// 构造函数
function Person(name,age){
// 属性
this.name = name;
this.age = age;
// 在构造函数中的方法
this.eat = function(){
console.log("吃好吃的");
};
}
// 添加共享的属性
Person.prototype.sex = "男";
// 添加共享的方法
Person.prototype.sayHi = function(){
console.log("怎么这么帅");
};
// 实例化对象,并初始化
var per = new Person("小明",20);
// per.sayHi();
// 如果想要使用一些属性和方法,并且属性的值在每个对象中都是一样的,
// 方法在每个对象中的操作也是一样的,那么,为了共享数据,节省内存空间
// 是可以把属性和方法通过原型的方式进行赋值
// 实例对象的结构
console.dir(per);
// 构造函数的结构
console.dir(Person);
// 实例对象的类型__proto__和构造函数的类型prototype指向是否相同
// 实例对象中__proto__原型指向的构造函数中的原型prototype
console.log(per.__proto__==Person.prototype);
// 实例对象中__proto__是原型,浏览器使用的
// 构造函数中的prototype是原型,程序员使用的
// 原型链:是一种关系,实例对象和原型对象之间的关系,关系是通过
// 原型(__proto__)来联系的
</script>
</head>
<body>
</body>
</html>
原型的指向是否可以改变
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script>
// function Student(){
// }
// Student.prototype.study = function(){
// console.log("就是天天学习");
// };
// Student.prototype = {
// eat:function(){
// console.log("哈哈,好吃的榴莲");
// }
// };
// var stu = new Student();
// stu.eat();
// stu.study();
// 人的构造函数
function Person(age){
this.age = 10;
}
// 人的原型对象方法
Person.prototype.eat = function(){
console.log("人的吃");
};
// 学生的构造函数
function Student(){
}
Student.prototype.sayHi = function(){
console.log("小苏你好帅哦");
};
// 学生的原型,指向了一个人的实例对象
Student.prototype = new Person(10);
var stu = new Student();
stu.eat();
// stu.say();
// 原型指向可以改变
// 实例对象的原型__proto__指向的是该对象所在的构造函数的原型对象
// 实例对象的原型__proto__
// 构造函数的原型(prototype)如果改变了,实例对象的原型(__proto__)指向
// 也会发生改变
// 原型的指向也是可以改变的
// 实例对象和原型对象之间的关系是通过__proto__原型来联系起来的,这个关系就是
// 原型链
</script>
</head>
<body>
</body>
</html>