标签：过程 数据共享 程序开发 prototype 实现 首字母 原型对象 -- 技术
1、JS是一门脚本语言，解释型语言、弱类型语言、基于对象的语言、动态型语言
2、继承（面向对象有三个特性：封装、继承、多态 ）是指类与类之间的关系，JS中没有类的概念，JS中有构造函数的概念，是可以继承的，是基于原型
3、创建对象的三种方法：字面量、系统方法构造函数、自定义构造函数
<script> //字面量 var per1={ name:"刘备", age:25, show:function(){ console.log("双股剑"); } } //系统方法构造函数创建对象 var per2=new Object; per2.name="张飞"; per2.age=23; per2.show=function(){ console.log("丈八蛇矛"); } //自定义构造函数创建对象 function Person(name,age){ this.name=name; this.age=age; this.show=function(){ console.log("青龙偃月刀"); } } var per3=new Person("关羽",24) </script>
4、工厂模式和自定义构造函数的区别
<script> //自定义构造函数创建对象 function Person(name,age){ this.name=name; this.age=age; this.show=function(){ console.log("青龙偃月刀"); } } var per1=new Person("关羽",24); //工厂模式创建对象 function creatObj(name,age){ var obj= new Object; obj.name=name; obj.age=age; obj.show=function（ ）{ console.log("青釭剑"); } return obj; } var per2=new creatObj("赵云",29);
5、构造函数和实例函数之间的关系
<script> function Person(name,age){ this.name=name; this.age=age; this.show=function(){ console.log("青龙偃月刀"); } } var per=new Person("关羽",24); //查看结构---看下图 console.dir(Person);//构造函数 console.dir(per);//实例对象 //判断对象是不是这个数据类型 //方法一: console.log(per instanceof Person);//true //方法二: console.log(per.constructor==Person);//true </script>
6、构造函数创建对象带来的问题
<script> //创建的两个实例对象的方法虽然相同,但是并不相等,如果创建的对象过多,就会使占用过多内存 function Person(name,age){ this.mame=name; this.age=age; this.eat=function(){ console.log("吃饭"); } } var per1=new Person("李白",44); var per2=new Person("杜甫",50); console.log(per1.eat==per2.eat);//false </script>
<script> //通过使用命名函数方法解决，但是可能会有变量冲突-----最好引入原型 function Person(name,age){ this.mame=name; this.age=age; this.eat=myEat; } function myEat(){ console.log("吃饭"); } var per1=new Person("李白",44); var per2=new Person("杜甫",50); console.log(per1.eat==per2.eat);//true </script>
1、构造函数创建函数带来的问题，可以通过原型的方法解决-----原型的作用之一：可以实现数据共享，节省内存空间
2、通过原型来添加方法：构造函数.prototype.方法名=一个函数
3、案例：点击按钮改变div样式（使用原型的方法）
4、什么是原型？
5、构造函数、原型对象、实例对象之间的关系（画图）
6、利用原型共享数据
7、简单的原型写法
8、原型中的方法是可以互相进行访问的
9、原型的层层搜搜
10、为系统内置对象添加原型方法（相当于改变源码）
11、把局部变量变成全局变量------把局部变量给window就可以了
12、把随机数对象暴露给window成为全局变量
13、案例：随机小方块（相当于贪吃蛇案例的食物）
标签：过程 数据共享 程序开发 prototype 实现 首字母 原型对象 -- 技术
原文地址：https://www.cnblogs.com/EricZLin/p/9049002.html
