课程介绍

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</title><script src="jquery-1.12.1.js"></script><script>/*** 课程介绍:* 原型及作用* 小案例--贪吃蛇* 继承* 高阶函数* 内置的方法* 正则表达式*/</script><script>/*** 1.复习--大量的时间----半个小时* 2.面向对象和面向过程的编程思想* 3.对象创建的三种方式* 原型的的引入----原型的作用* 原型的写法----重点* 实例对象和构造函数和原型对象三者之间的关系--重点* 体验面向对象的方式编程的思想--体验的案例--理解* 原型的简单的语法--注意的问题* 随机食物的产生----小例子--能够写出来*/</script>
</head>
<body></body>
</html>

复习

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</title><script src="jquery-1.12.1.js"></script><script>/*** JavaScript简称:JS* JS分是三个部分:* 1 ECMAScript标准----基础的语法* 2 DOM Document Object Model 文档对象模型* 3 BOM Browser Object Model 浏览器对象模型* 什么是JS?* 是一门脚本语言* 是一门解释性语言* 是一门弱类型语言* 是一门基于对象的语言* 是一门基于对象的语言** 动态页面:页面由html+css+js* 向服务器发送请求,服务器那边没有页面,是动态的生成,返回给客户端** js最初的目的:解决用户和服务器之间的交互问题* js做特效,游戏,移动端,服务端*** 编程思想:* 面向过程:所有的事情都是亲力亲为,注重的是过程* 面向对象:提出需求,找对象,对象解决,注重的是结果* js不是一门面向对象的语言,是基于对象的语言,js来模拟面向对象* 面向对象的特性:继承,封装,多态,(抽象性)* 封装:就是包装,把一些重用的内容进行包装,在需要的时候,直接使用* 把一个值,存放在一个变量中,把一些重用的代码放在函数中,把好多相同功能的* 函数放在一个对象中,把好多功能的对象,放在一个文件中,把一些相同的内容放在* 一个对象中** 继承:类与类之间的关系,js中没有类的概念,js中有构造函数的概念,是可以有* 继承的,是基于原型的** 多态:同一个行为,针对不同的对象,产生了不同的效果* */</script>
</head>
<body></body>
</html>

创建对象的三种方式

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</title><script>// 对象:特指的某个事物,具有属性和方法(一组无序属性的集合)// 特征---->属性// 行为---->方法// 小苏:---->姓名,性别,年龄,吃,睡觉,玩// 创建对象的三种方式:// 1 字面量的方式// 2 调用系统的构造函数// 3 自定义构造函数// 实例对象// var per1 = {//     name:"卡卡西",//     age:20,//     sex:"男",//     eat:function(){//       console.log("吃臭豆腐");//     },//     readBook:function(){//       console.log("亲热天堂");//     }// };// // 调用系统的构造函数// var per2 = new Object();// per2.name = "大蛇丸";// per2.age = 29;// per2.sex = "男";// per2.eat = function(){//   console.log("吃榴莲");// };// per2.play = function(){//   console.log("这个小蛇真好玩");// };// function Person(){// }// console.log(per2 instanceof Object);// var dog = new Object();// 自定义构造函数function Person(name,age,sex){this.name = name;this.age = age;this.sex = sex;this.play = function(){console.log("天天打游戏");};}var per = new Person("周天",18,"女");console.log(per instanceof Person);</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.sayHi = function(){console.log("您好");};}// 创建对象---->实例化一个对象,同时对属性进行初始化var per = new Person("小红",20);/*** 1.开辟空间存储对象* 2.把this设置为当前的对象* 3.设置属性和方法的值* 4.把this的对象返回* */</script>
</head>
<body></body>
</html>

工厂模式创建对象

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</title><script>function createObject(name,age){var obj = new Object();obj.name = name;obj.age = age;obj.sayHi = function(){console.log("您好");};return obj;}var per1 = createObject("小明",20);function Person(name,age){this.name = name;this.age = age;this.sayHi = function(){console.log("您好");};}// 创建对象---->实例化一个对象,同时对属性进行初始化var per = new Person("小红",20);/*** 共同点:都是函数,都可以创建对象,都可以传入参数* * 工厂模式:* 函数名是小写* 有new,* 有返回值* new之后的对象是当前的对象* 直接调用函数就可以创建对象* * 自定义构造函数* 函数名是大写(首字母)* 没有new* 没有返回值* this是当前的对象* 通过new的方式来创建对象* */</script>
</head>
<body></body>
</html>

课程介绍 复习 创建对象的三种方式 自定义构造函数创建对象 工厂模式创建对象相关推荐

  1. Spring 学习之 二----Spring创建对象的三种方式

    最近在系统的学习Spring,现在就Spring的一些知识进行总结. 我们知道Spring是一个开放源代码的设计层面的框架,他主要解决的是业务逻辑层与其他各层之间松耦合的问题. Spring 有三个核 ...

  2. Spring创建对象的三种方式以及创建时间

    创建对象的三种方式: 1.采用默认的构造函数创建 2.采用静态工厂方法 1.写一个静态工厂方法类 public class HelloWorldFactory { public static Hell ...

  3. spring入门:beans.xml不提示、别名、创建对象的三种方式

    spring的版本是2.5 一.beans.xml文件不提示 Location:spring-framework-2.5.6.SEC01\dist\resources\spring-beans-2.5 ...

  4. IoC、Spring 环境搭建、Spring 创建对象的三种方式、DI

    二.IoC 中文名称:控制反转 英文名称:(Inversion of Control) 3.I oC 是什么? 3.1 IoC 完成的事情原先由程序员主动通过 new 实例化对象事情,转交给 Spri ...

  5. 【JavaScript】创建对象的三种方式

    JavaScript创建对象的三种方式 1.调用系统的构造函数创建对象2.自定义构造函数创建对象(结合第一种和需求通过工厂模式创建对象)3.字面量的方式创建对象 一.调用系统的构造函数创建对象 举个栗 ...

  6. 简单对比创建对象的三种方式

    一.工厂模式 工厂模式的本质是函数的调用,具体方法如下: 1.创建一个函数   函数中包含以下几个部分: A.在函数中创建一个空对象 B.设置对象的属性  obj.name = name;其中obj为 ...

  7. J2EE高级开发框架小课程之Spring框架1——Spring创建三种方式:使用无参构造器创建对象(bean标签的方式),使用静态方法创建对象,使用实例方法创建对象(非静态方法)

    Spring是什么? 是一个开源的.用于简化企业级应用开发的应用开发框架. a.简化开发: Spring框架对很多常用的api做了简化,比如,使用Spring jdbc (Spring jdbc是Sp ...

  8. js常见创建对象的三种方式

    // 最常见的三种创建对象的方式// 1.字面量创建对象var o = {name:'jack'}// 2.通过Object创建对象var obj = new Object();obj.name = ...

  9. JS中创建对象:三种方式(pink)

    在 JavaScript 中,现阶段我们可以采用三种方式创建对象(object): (1)利用字面量创建对象 (2)利用new Object创建对象 (3)利用构造函数创建对象

最新文章

  1. 电路中滤波电容和退耦电容_电子电路中电容的作用,滤波消抖,充放电,耦合,退耦...
  2. 起泡排序验证性实验(2)
  3. Java:线程并发工具类
  4. 计算机基础三级,三级数据库计算机基础知识
  5. 内网渗透系列:内网隧道之Venom
  6. 电脑插上u盘计算机管理有显示,u盘在电脑上一直显示扫描怎么办
  7. 重力传感器、加速度传感器以及陀螺仪的区别
  8. 一篇不错的网文 闻鸡起舞早耕耘,天道酬勤有志人
  9. 增量备份与差异备份的区别(Incremental vs. differential backup: A comparison)
  10. 未来的智能制造,或许会往这些方向推进
  11. 云服务器怎么设置虚拟IP,云服务器能起虚拟ip吗
  12. 2022年最新NFT 开发平台解决方案
  13. 单相半波可控整流电路仿真设计(任务书+lunwen+MATLAB仿真源文件)
  14. windows bat 批量修改文件名。不改变后缀
  15. java中excel文件的导入,限制上传的文件类型,文件的大小,显示上传文件的进度条...
  16. 七麦js破解,python爬取app榜单
  17. 华为应用内支付无法拉起
  18. IEEE Fellow梅涛:计算机视觉的前沿进展与挑战
  19. 比较笨的ass双语特效ass字幕做法,留档
  20. django部署机器学习模型---搭建新闻推荐系统

热门文章

  1. 搜集到的数学分析例题(不断更新)
  2. 使用Lubuntu开发Android应用
  3. asp.net用标签递归一颗树
  4. 【289】◀▶ Python I/O 读写文本文件
  5. spring 注解说明以及@Resource和@Autowired的区别
  6. Node.JS 学习路线图
  7. svn Error:Wrong committed revision number: -1。
  8. Leetcode Wildcard Matching
  9. jackson json 转换Bean, Bean 里没有对应的值 jackson Unrecognized field
  10. 安装vmware 6.52 Red Hat Enterprise Linux 5(rhel-5.1-server-i386-dvd) openldap2.4