一、
1 <script> 2 3 4 /* 5 一、发展历史 6 面向过程编程思想 7 面向对象编程思想 8 9 面向过程编程语言：汇编语言 C语言 10 11 高级开发语句/面向对象编程语言：C++ Java Object-C JavaScript Python 12 13 编程思想也在变化： 14 面向过程编程思想 过渡到了 面向对象编程思想 15 16 */ 17 18 19 20 /* 21 二、编程思想 22 23 */ 24 /* 25 例子： 26 有一辆车60km/h，有一条路1000km，问车跑在路上，多久跑完？ 27 28 */ 29 // 面向过程编程思想：只关心数学逻辑。 30 /*var hour = 1000 / 60; 31 alert(hour);*/ 32 33 /* 34 面向对象的编程思想：将生活逻辑，直接映射到我们的程序中。 35 1、找实体 36 车 37 属性: speed 60km/h 38 功能: 跑在路上 39 路 40 属性: length 1000km 41 让车跑在路上，跑完以后，告诉我结果。 42 2、分析实体的属性和功能 43 3、让实体之间相互作用，最终得出结果。 44 45 */ 46 47 /* 48 有一张房子蓝图 49 50 面向对象： 51 52 */ 53 54 /* 55 设计贪吃蛇游戏： 56 57 面向对象编程思想： 58 蛇 59 属性：length 60 speed 61 功能：吃 62 长 63 死 64 墙 65 属性：宽 66 高 67 坐标 68 功能：被撞 69 食物 70 属性：种类 71 坐标 72 功能：被吃 73 随机出现 74 75 76 */ 77 78 /* 79 三、语法 80 类 对象 81 变种人 X教授、金刚狼 82 电脑 你桌上那台，我桌上这台 83 84 85 类：抽象概念，将具有同样的特征的一类事物，总结成一个类。 86 对象：某一个具体的实例，唯一的一个个体，叫做对象。 87 88 */ 89 90 91 /* 92 四、代码 93 94 */ 95 /* var car = { 96 speed: 60, 97 run: function(road){ 98 return road.length / car.speed; 99 } 100 } 101 102 var kuahaidaqiao = { 103 length: 1000 104 } 105 106 107 //写代码的时候 108 var hour = car.run(kuahaidaqiao); 109 alert(hour);*/ 110 111 112 /* 113 五、数据 114 115 基本数据类型(存储单个的值) -> 数组(存储批量的值) -> 对象(既能够存储数据，又能够存储函数) 116 */ 117 </script>
二、
1 <script> 2 /* 3 数据类型 4 基本数据类型 5 string number boolean 6 特殊数据类型 7 null undefined NaN 8 复合数据类型/引用数据类型 9 数组 函数 字符串 对象 10 */ 11 12 13 14 //1、通过new去声明一个对象 15 // var xiaoming = new Object(); 16 //2、省略new去声明一个对象 17 // var xiaoming = Object(); 18 //3、直接通过对象常量赋值 19 /*var xiaoming = {}; 20 21 22 //变量 叫做 对象的属性 23 xiaoming.name = "小明"; 24 xiaoming.age = 40; 25 xiaoming.sex = "男"; 26 27 //函数 叫做 对象的方法/功能 28 xiaoming.job = function(){ 29 alert("小明很会演戏"); 30 } 31 32 alert(xiaoming.name); 33 xiaoming.job();*/ 34 35 36 37 //直接通过对象常量赋值 38 var xiaoming = { 39 name: "小明", 40 age: 40, 41 sex: "男", 42 job: function(){ 43 alert("小明很会演习"); 44 } 45 } 46 47 alert(xiaoming.name); 48 xiaoming.job(); 49 50 51 </script>
三、
1 <script> 2 /* 3 数据类型 4 基本数据类型 5 string number boolean 6 特殊数据类型 7 null undefined NaN 8 复合数据类型/引用数据类型 9 数组 函数 字符串 对象 10 */ 11 12 13 14 //1、通过new去声明一个对象 15 // var xiaoming = new Object(); 16 //2、省略new去声明一个对象 17 // var xiaoming = Object(); 18 //3、直接通过对象常量赋值 19 var xiaoming = {}; 20 21 22 //变量 叫做 对象的属性 23 xiaoming.name = "小明"; 24 xiaoming["age"] = 40;//xiaoming["age"]与xiaoming.age 效果一样 都是表示 对象的属性 25 xiaoming.sex = "男"; 26 27 //函数 叫做 对象的方法/功能 28 xiaoming.job = function(){ 29 alert("小明很会演戏"); 30 } 31 32 /*alert(xiaoming.name); 33 alert(xiaoming["sex"]); 34 xiaoming.job(); 35 xiaoming["job"]();*/ 36 37 //删除属性 38 /*alert(xiaoming.name); 39 delete xiaoming.name 40 alert(xiaoming.name);*/ 41 42 //删除函数 43 xiaoming.job(); 44 delete xiaoming.job; 45 xiaoming.job(); 46 47 48 49 //直接通过对象常量赋值 50 /* var xiaoming = { 51 name: "小明", 52 age: 40, 53 sex: "男", 54 job: function(){ 55 alert("小明很会演习"); 56 } 57 } 58 59 alert(xiaoming.name); 60 xiaoming.job();*/ 61 62 63 /* 64 在代码里，一切皆对象。 65 66 */ 67 68 69 </script>
1 <script> 2 /* 3 数据类型 4 基本数据类型 5 string number boolean 6 特殊数据类型 7 null undefined NaN 8 复合数据类型/引用数据类型 9 数组 函数 字符串 对象 10 */ 11 12 13 14 //1、通过new去声明一个对象 15 // var xiaoming = new Object(); 16 //2、省略new去声明一个对象 17 // var xiaoming = Object(); 18 //3、直接通过对象常量赋值 19 var xiaoming = {}; 20 21 22 //变量 叫做 对象的属性 23 xiaoming.name = "小明"; 24 xiaoming["age"] = 40;//xiaoming["age"]与xiaoming.age 效果一样 都是表示 对象的属性 25 xiaoming.sex = "男"; 26 27 //函数 叫做 对象的方法/功能 28 xiaoming.job = function(){ 29 alert("小明很会演戏"); 30 } 31 32 /*alert(xiaoming.name); 33 alert(xiaoming["sex"]); 34 xiaoming.job(); 35 xiaoming["job"]();*/ 36 37 //删除属性 38 /*alert(xiaoming.name); 39 delete xiaoming.name 40 alert(xiaoming.name);*/ 41 42 //删除函数 43 xiaoming.job(); 44 delete xiaoming.job; 45 xiaoming.job(); 46 47 48 49 //直接通过对象常量赋值 50 /* var xiaoming = { 51 name: "小明", 52 age: 40, 53 sex: "男", 54 job: function(){ 55 alert("小明很会演习"); 56 } 57 } 58 59 alert(xiaoming.name); 60 xiaoming.job();*/ 61 62 63 /* 64 在代码里，一切皆对象。 65 66 */ 67 68 69 </script>