面向对象
关注
分享
扫一扫
文章平均质量分 50
lelara
这个作者很懒，什么都没留下…
展开
-
第200天：js---常用string原型扩展
一，常用字符串原型扩展如图1所示，在字符串末尾追加字符串1 /** 在字符串末尾追加字符串 **/2 String.prototype.append = function (str) {3 return this.concat(str);4 }2，删除指定索引位置的字符，索引无效将不删除任何字符 1 /** 删除指定索引位置的字符，索引无效将不删除任何字符 **/...原创 2018-03-21 22:02:00 · 231 阅读 · 0 评论 -
第174天：面向对象——公有属性、私有属性和静态属性
一，公有属性和私有属性 1 //对象构造函数 2 //私有属性好处： 安全 就类似闭包中的函数一样 减少污染 3 function Person(name){ 4 //私有属性，只能在对象构造函数内部使用 5 var className = "用户对象"; 6 //公有属性,在对象实例化后调用 7 this.name = name; 8 ...原创 2018-02-12 23:02:00 · 239 阅读 · 0 评论 -
第173天：面向对象——数据类型检测的四种方法
一中的typeof1 console.log(typeof 12); // number2 var str = 'iceman';3 console.log(typeof str); // string使用typeof检测数据类型，首先返回的都是一个字符串，其次字符串中包含了对应的数据类型，例如：“ number ”，“ string ”，“ boolean ”，“ undefine...原创 2018-02-11 22:16:00 · 140 阅读 · 0 评论 -
第170天：面向对象-产品详情页开发
产品详情页开发思路详情产品页分为产品状语从句：状语从句：购物车 2个对象1，产品首先分析产品的属性 产品属性有：产品名称，产品价格，团购价，购买数量，产品描述，产品图片等其次绑定产品信息 （1）绑定基本信息（bindBasic） $（'＃pname'）。html（this.name）; $（ '＃价'）HTML（this.price）; ... ...原创 2018-02-08 22:17:00 · 119 阅读 · 0 评论 -
第169天：面向对象基础概念（有待完善）
1，函数（1）就是函数一个工具，我们只需要学会使用工具实现某个功能（2）封装性函数 - 面向对象函数 - 工具对象 - 工具包（把类似的功能放在一起管理）工具：函数 - 方法2，对象对象就是一个工具包，我们只需要学习如何使用工具整个js都是面向对象的，所有的函数，全部都是某个对象的方法字符串，日期，数学，数组，正则，窗口警报万物皆对象对象的优点：（1）将一些相似的函数，...原创 2018-02-07 22:04:00 · 97 阅读 · 0 评论 -
第168天：json对象和字符串的相互转换
json对象和字符串的相互转换1、json对象和字符串的转换在Firefox，chrome，opera，safari，ie9，ie8等高级浏览器直接可以用JSON对象的stringify()和parse()方法。JSON.stringify(obj) 将JSON对象转为字符串。JSON.parse(string) 将字符串转为JSON对象格式。 1 //使用j...原创 2018-02-06 22:42:00 · 126 阅读 · 0 评论 -
第163天：js面向对象-对象创建方式总结
面向对象 - 对象创建方式总结1，创建对象的方式，json方式推荐使用的场合：作为函数的参数，临时只用一次的场景。比如设置函数原型对象。 1 var obj = {}; 2 //对象有自己的 属性 和 行为 3 // 属性比如： 年龄、姓名、性别 4 // 行为： 吃饭、睡觉、走路、讲课等... 动作 5 var obj2 = { 6 name: 'lao...原创 2018-02-01 22:52:00 · 110 阅读 · 0 评论 -
第158天：面向对象入门
一，什么是对象我们先来看对象是如何进行定义的“ 无序属性的集合，属性其可以包括基本值，对象或者函数 ”，对象是一组没有特定顺序的的值。对象的没个属性或方法都有一个名字，每个名字都映射到一个值。来简单理解对象就是由属性状语从句：方法来组成的二，面向对象的特点封装对于一些功能相同或者相似的代码，我们可以放到一个函数中去，多次用到此功能时，我们只需要调用即可，无需多次重写。...原创 2018-01-27 23:11:00 · 94 阅读 · 0 评论 -
第68天：原型prototype方法
一、原型prototype方法声明构造函数有一个prototype属性，指向实例对象的原型对象。通过同一个构造函数实例化的多个对象具有相同的原型对象。经常使用原型对象来实现继承 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 ...原创 2017-10-29 22:41:00 · 178 阅读 · 0 评论 -
第67天：面向对象的声明、封装
一，声明对象有两种声明对象的方式。1，var obj = new Object（）; 但是我们更提倡用第二种方法：字面量式声明对象 2，var obj = {}; 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5...原创 2017-10-28 22:12:00 · 90 阅读 · 0 评论 -
第66天：闭包的原理和函数传参
一，闭包的原理在程序语言中，所谓闭包，是指语法域位于某个特定的区域，具有持续参照（读写）位于该区域内自身范围之外的执行域上的非持久型变量值能力的解析：。这些执行外部域的非持久型变量神奇地保留他们在闭包最初定义（或创建）时的值。白话：我们可以用一个函数去访问另外一个函数的内部变量的方式就是闭包。测试题 函数outerFun（）{ var a = 0; 函数innerF...原创 2017-10-27 20:50:00 · 325 阅读 · 0 评论 -
第205天：面向对象知识点总结
一、面向对象和传统开发的区别面向对象开发分析需要的对象 分析每个对象需要的属性和方法 依次实现每个对象 面向对象编程（直接使用封装好的方法）传统开发四要素 – 牢记定义变量保存数据 获取元素 绑定元素 绑定事件二、jsonJSON全称为JavaScript对象简单表示法(JavaScript Object Notation)即通过字面量来表示一个对象，从简单...原创 2018-03-26 22:21:00 · 138 阅读 · 0 评论 -
第202天：js---原型与原型链终极详解
一. 普通对象与函数对象JavaScript 中，万物皆对象！但对象也是有区别的。分为普通对象和函数对象，Object 、Function 是 JS 自带的函数对象。下面举例说明 1 var o1 = {}; 2 var o2 =new Object(); 3 var o3 = new f1(); 4 5 function f1(){}; 6 var f2 = funct...原创 2018-03-23 22:47:00 · 164 阅读 · 0 评论 -
第184天：js创建对象的几种方式总结
面向对象编程（OOP）的特点： 抽象：抓住核心问题 封装：只能通过对象来访问方法 继承：从已有的对象下继承出新 多态：多对象的不同形态一，创建对象的几种方式javascript创建对象简单的来说，无非就是使用内置对象或各种自定义对象，当然还可以使用JSON，但写法有很多，也能混合使用。1，工厂方式创建³³对象：面向对象中的封装函数（内置对象） 1 func...原创 2018-03-05 22:43:00 · 101 阅读 · 0 评论 -
第185天：百度星座案例
一，百度星座案例 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 </head>原创 2018-03-06 22:07:00 · 223 阅读 · 0 评论 -
第199天：js---扩充内置对象功能总结
一、数组1、删除数组中指定索引的数据1 /** 删除数组中指定索引的数据 **/2 Array.prototype.deleteAt = function (index) {3 if (index < 0) {4 return this;5 }6 return this.slice(0, index).concat(this.sli...原创 2018-03-20 21:46:00 · 93 阅读 · 0 评论 -
第198天：js---内置对象的原型链和其他知识
一，内置对象的原型链1，对象原型 1 function test() {} 2 alert(test.toString()); 3 4 //新增属性 5 Object.prototype.mytest = function() { 6 alert("123"); 7 } 8 var o = new Object(); 9...原创 2018-03-19 22:29:00 · 101 阅读 · 0 评论 -
第197天：js---caller、callee、constructor和prototype用法
一，来电---返回函数调用者 1 //返回函数调用者 2 //caller的应用场景 主要用于察看函数本身被哪个函数调用 3 function fn() { 4 //判断某函数是否被调用 5 if (fn.caller) { 6 alert(fn.caller.toString()); 7 } else { 8 ...原创 2018-03-18 22:22:00 · 188 阅读 · 0 评论 -
第195天：js---函数对象详解（call、apply）
一，电话1，拨打供爷法则 1 // 对象1 2 var myclass={ 3 getAllStudentsNumbers:function(num1,num2){ 4 return num1+num2; 5 }}; 6 // 对象2 7 var student={ 8 getDetail:function(...原创 2018-03-16 22:34:00 · 112 阅读 · 0 评论 -
第194天：js---函数对象详解（arguments、length）
一，函数即对象 1 function add1(a,b){ 2 return a+b; 3 } 4 5 //Function对象的实例 -- 高级技巧 --- 写框架必须用的。。。 6 7 //前面表示参数，后面表示函数语句 8 var add2 = new Function("a","b","return a+b"); ...原创 2018-03-15 22:01:00 · 147 阅读 · 0 评论 -
第193天：js---Math+Error+Number+Object总结
一，数学随机选取1 //随机选取2 function getRandom (begin,end){3 return Math.floor(Math.random()*(end-begin))+begin;4 }二，错误1，尽量---抓 1 function message() 2 { 3 adddlert...原创 2018-03-14 22:17:00 · 123 阅读 · 0 评论 -
第192天：js---Date对象属性和方法总结
日期对象构造函数重载方法一，第一种重载方法---基本当前时间 1 //构造函数 - 第一种重载方法：基本 当前时间 2 console.log('构造函数 - 第一种重载方法：基本 当前时间') 3 date = new Date(); //返回时间对象 以调用getDate()，内容为当前时间 4 console.log(date); //Sat Mar 10 2018 22:0...原创 2018-03-13 23:12:00 · 240 阅读 · 0 评论 -
第190天：js---String常用属性和方法（最全）
字符串常用属性和方法一，字符串对象构造函数 1 /*string对象构造函数*/ 2 console.log('字符串即对象');//字符串即对象 3 //传统方式 - 背后会自动将其转换成对象 4 // 所以我们才可以访问string对象中方法 5 var zhangsan ='张三' 6 zhangsan.length; 7 ...原创 2018-03-11 22:22:00 · 163 阅读 · 0 评论 -
第189天：BOM属性方法
一，BOM ---位置1，访问页面1 location.href = "http://www.baidu.com";2 location.assign("http://www.baidu.com");3 location.replace("http://www.baidu.com");替换和分配的区别 替换（）方法所做的操作与指派（）方法一样， 但它多了一步操作，即从浏览器的历史...原创 2018-03-10 22:29:00 · 141 阅读 · 0 评论 -
第188天：extend拷贝创建对象的原理
一，拷贝创建对象的原理 1 //拷贝创建对象核心代码 2 function extend(target,source) { 3 //遍历对象 4 for(var i in source){ 5 target[i] = source[i]; 6 } 7 return target; ...原创 2018-03-09 23:11:00 · 200 阅读 · 0 评论 -
第187天：js基础---常见的Bom对象
BOM（浏览器对象模式）浏览器对象模型，是Javascript的重要组成部分。它提供了一系列对象用于与浏览器窗口进行交互，这些对象通常统称为 BOM。一张图了解一下先 1，window对象--BOM核心窗口，顾名思义，窗口对象。它表示整个浏览器窗口，主要用来操作浏览器窗口。同时，window对象还是ECMAScript中的全局对象，因而所有全局变量和函数都是它的属性，且所有原生的构...原创 2018-03-08 21:55:00 · 110 阅读 · 0 评论 -
第186天：js深入理解构造函数和原型对象
1.在典型的接力的语言中，如Java中，都存在类的概念，类就是对象的模板，对象就是类的实例。但在JS中不存在类的概念，JS不是基于类，通过而是构造函数（构造函数）和原型链（propotype chains）实现的。但在ES6中引入了类（class）这个概念，作为对象的模板，新的类写法知识让原型对象的写法更加清晰，这里不重点谈这个2.首先我们来详细了解下什么是构造器 构造函数的特点： ...原创 2018-03-07 23:06:00 · 142 阅读 · 0 评论 -
第201天：js---实现继承的5种方式
一，构造函数方式 1 //构造函数 2 function People(){ 3 this.race = '汉族'; 4 } 5 People.prototype={ 6 eat:function(){ 7 console.log('123'); 8 } 9 }10 1...原创 2018-03-22 22:05:00 · 94 阅读 · 0 评论