JavaScript高级面向对象（3）--字符编码

JavaScript高级面向对象（5）--内存逻辑图画法

说明(2017.3.30): 1. 使用软件diagram designer,DiagramDesignerSetup1.28.zip,很小只有1M多,我用的自带画图软件.教学视频是“JavaScript高级面向对象视频教程视频”02里的03,蒋坤主讲. 2. 题目: (1)var arr = [1,2,3]; (2)var o = {name: "张三", age: "19", children: [{name: "张1"}, {name: &…

JavaScript高级面向对象（3）--字符编码

说明(2017.3.29): 1. 数字+上下文=信息,如果是做数学运算,就是数字,如果是输出字符串给用户,就是码表字符. 2. ASCII码,共128个数字,128个数字刚好7个二进制位(2的7次方=128),0~127. ※ 位就是位置,一个字节有8个二进制位,计算机运行的最小单位是字节,所以总归都是要把位转换成字节的, 第2位就是把字节转换成8个二进制位的时候,第2个0/1,其中1:1,2:10,3:11,4:100,...,255:11111111(8个1,最左边的1是最高位或第7位,最…

JavaScript高级面向对象（1）--添加一个div标签

说明(2017.3.28): 1. JavaScript是一种基于对象的多范式编程语言,不是面向对象,但离开对象不能活. 范式编程是指编程习惯.方式,分为过程式.对象式和函数式编程. 2. 面向对象是指,使用对象进行开发,面向对象是对面向过程的封装. 3. JavaScript面向对象的三个特点,抽象性.继承性和封装性. 抽象性是指,抽取出核心属性和方法,不在特定条件下不能确定对象的具体意义. 继承性是指,把我没有的属性和方法拿来使用,并变成自己的属性和方法. 封装性是指,把方法和属性打包成一个…

JavaScript高级面向对象的程序设计（一）《JavaScript高级程序设计（第三版）》

创建对象继承面向对象的语言都有一个表示---类.通过类我们可以创建多个具有相同属性的对象.但是,在JS中并没有类的概念,所以JS的对象也和其他语言的对象不同. 对象的定义:无序的属性集合,其属性可以包含基本值,对象,函数.(所以我们又可以把JS对象看成散列表,一组键值对.) 一.创建对象 1.1工厂模式 function createPerson(name,age){ var o =newObject(); o.name = name; o.age= age; o.sayName =fu…

JavaScript高级面向对象的程序设计（二）《JavaScript高级程序设计（第三版）》

二.继承 OO是面向对象语言最为有魅力的概念.一般的OO语言都实现了两种继承,接口继承和实现继承.接口继承只继承方法签名,而实际继承继承了实际的方法. 而在JS中,函数没有签名,所以无法实现接口继承.只能依靠原型链--实现继承. 2.1原型链 JS中描述了原型链的概念,并利用原型链作为实现继承的主要方法. 其基本思想:利用原型链让一个引用类型继承另一个引用类型的属性和方法. functionSuperF(){ this.superPropty ='B'; } SuperF.prototype.g…

JavaScript高级面向对象（13）--构造函数的执行过程

说明(2017-4-2 21:50:45) 一.构造函数是干什么用的: 1. 初始化数据的. 2. 在js给对象添加属性用的,初始化属性值用. 二.创建对象的过程: 1. 代码:var p = new Person(); 2. 首先运算符new创建了一个对象,它类似于{},是一个“没有任何成员”的对象. * 使用new创建对象,对象的类型就是创建它的构造函数名(如,Person类型). * 使用{}无论如何都是Object类型,相当于“new Object()”. 3. 然后调用构造函数为其初始…

JavaScript高级面向对象（12）--引用类型值类型作为参数传递的特性

说明(2017-4-2 18:27:11): 1. 作为函数的参数,就是将函数的数据拷贝一份,传递给函数的定义中的参数. 函数foo()在调用的时候,做了两件事: (1)函数在调用的时候,首先需要将参数中的数据拷贝一份,即数字123拷贝一份. (2)跳转到函数的定义中(函数体),在此之前完成了函数的赋值,即num=123. (3)正式的进入函数内,准备执行函数的每一句话. function foo(num){} var a = 123; foo(a); 2. 值类型作为函数参数传递的特征,函数内…

JavaScript高级面向对象（11）--对象的动态特性-关联数组用法

说明(2017.4.2): 1. 对象的动态特性: (1)在js中,一个对象需要属性,就可以利用“对象名.属性 = 值”的方式为其添加,只要赋值成功,对象就新增这个属性. (2)对象属性的访问形式: *点语法:o.name *关联数组:o[name],注意,name必须是一个字符串,否则会把name默认为一个变量名使用. (3)曾经使用: function mix(o1,o2){ for(var k in o2){ o1[k] = o2[k]; } } (4)凡是需要给对象动态添加成员的时候,必…

JavaScript高级面向对象（10）--onload与jq中ready的区别

说明(2017.4.2): 1. 在body中放一个img标签,src链接一张图片,那么页面会先读取html的document文档,然后再读取外部资源(这里没加onload其实就是从上往下顺序读取). 外部资源包括导入的js,css,图片,音乐,视频等等. onload会将所有的资源包括外部资源全部加载完成. 而jquery的ready只要加载完dom树就完成了,里面的图片等资源有没有加载无所谓. <body> <img src="1.jpg"> </bo…

JavaScript高级面向对象（9）--深拷贝代码实现

说明(2017.4.1): 1. 深拷贝要把对象里的“方法”也复制一份出来,“方法”里的“方法和属性”再判断深浅进行拷贝. 2. 办法就是写一个函数deepCopy,里面判断深浅拷贝,然后每个对象都添加这个deepCopy函数. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title&g…

JavaScript高级面向对象（8）--浅拷贝代码实现

说明(2017.3.31): 1. 浅拷贝,只有值属性,没有引用属性. 2. 在原对象里面添加一个copy方法,返回本对象内的所有值属性. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <script type…

JavaScript高级面向对象（5）--最简单的继承方式，混入mix

说明(2017.3.30): 1. 最简单的继承方式,混入mix <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <script type="text/javascript"> // 最…

JavaScript高级面向对象（2）--调试工具的使用：音乐循环播放

说明(2017.3.29): 1. 在调试工具console里输入var v = document.createElement("audio"),然后再source的watch里输入v回车,就能看到audio的所有事件,本次使用的是onended事件. 2. json不能直接遍历获得索引,只能通过for循环获取个数,再用for循环遍历.所以最好用数组存放歌名. <!DOCTYPE html> <html lang="en"> <head…

JavaScript高级面向对象（7）--深拷贝与浅拷贝

说明(2017.3.31): 1. 画图: var car = {name:"法拉利"}; var p = {name: "张三", age: "19", car: car}; // var pCopy = p;这个不是拷贝,没有对对象做任何拷贝行为 var pCopy = {}; pCopy.name = p.name; pCopy.age = p.age; pCopy.car = p.car; 2. 什么是深拷贝,什么是浅拷贝: 深拷贝:拷贝…

JavaScript高级面向对象（6）--值类型与引用类型的存储特征

说明(2017.3.31): 1. 画图: var num = 123; var num2 = num; 值类型赋值的存储特点:将变量num内的数据全部拷贝一份,存储给新的变量num2,内存中有2个数据. 2. 画图: var o = {name: "张三"}; var obj = o; 引用类型赋值的特点:将变量o的引用(地址)拷贝一份,所以新的变量obj也指向了这个对象{name: "张三"},内存中只有一个数据. 但是这样有个问题,如果修改了obj里的name…

JavaScript高级面向对象（4）--值类型和引用类型

说明(2017.3.30): 1. 变量只存数据本身就是值类型,如var a = 123, var a = "123"; 变量存的是一个引用,数据存在别的地方,就是引用类型,如数组var a = [1,2,3]. 对比冬天和夏天衣服,放在同一个衣柜里,和分别放在不同房间,告诉房间编号. 2.…

《JavaScript高级程序设计》学习笔记(5)——面向对象编程

欢迎关注本人的微信公众号"前端小填填",专注前端技术的基础和项目开发的学习. 本节内容对应<JavaScript高级程序设计>的第六章内容. 1.面向对象(Object-Oriented, OO)的语言有一个标志,那就是它们都有类的概念,而通过类可以创建任意多个具有相同属性和方法的对象.前面提到过,ECMAScript中没有类的概念,因此它的对象也与基于类的语言中的对象有所不同. ECMA-262把对象定义为:"无序属性的集合,其属性可以包含基本值.对象或者函数.…

javascript高级特性(面向对象)

javascript高级特性(面向对象): * 面向对象: * 面向对象和面向过程的区别: * 面向对象:人就是对象,年龄\性别就是属性,出生\上学\结婚就是方法. * 面向过程:人出生.上学.工作.结婚.生子.去世整个过程. * 对象和类的区别: * 类:类比作一堆美女. * 对象:对象就是范冰冰. * javascript的开发工具: * WebStrom开发工具,在国内被专业的前端开发人员称之为js神器. * 代码提示功能非常强大. * javascript的扩展内容: * 服务器端开发人…

【转】javascript和html中unicode编码和字符转义的详解

不是十分理解unicode和html转义的情况下,可能会误用,所以下面会对它们再做比较容易理解的解释: 1.html中的转义:在html中如果遇到转义字符(如“ ”),不管你的页面字符编码是utf-8亦或者是GB2312,都会直接打印成相应的字符:而当遇到(如:“\u8981”[此处的8981是16进制值])时,则不会打印成相应字符. /* *html标记的转义 *@example *<p>Hello World!</p> * ||等价于 *<p>Hello World…

javascript和html中unicode编码和字符转义的详解

1.html中的转义:在html中如果遇到转义字符(如“ ”),不管你的页面字符编码是utf-8亦或者是GB2312,都会直接打印成相应的字符:而当遇到(如:“\u8981”[此处的8981是16进制值])时,则不会打印成相应字符. /* *html标记的转义 *@example *<p>Hello World!</p> * ||等价于 *<p>Hello World!</p> * ||等价于 *<p>Hello World!</p>…

JavaScript中进制和字符编码问题

1.进制: JavaScript中允许使用字面量的形式声明不同进制的数字: var a = 0b10; // 2 声明一个二进制 var b = 010; // 8 八进制,严格模式下会报错 var c = 10; // 10 十进制 var d = 0x10 // 16 十六进制其中八进制字面量在严格模式下会报错,数字超过范围,将会忽略前导 0 ,解析为十进制数字 2.进制之间转换: 调用toString方法,可以在进制之间进行转换. d.toString(2); //"10000"…

JavaScript 字符编码

JavaScript 字符编码 JavaScript 遵循 Unicode 字符编码规则.Unicode 字符集中每个字符使用 2 个字节来表示,这意味着用户可以使用中文来命名 Java)Script 变量. Unicode 是 Latin-1 字符集的超集,编码数目达到百万级:Latin-1是 ASCII 字符集的扩展,包含 256 个拉丁字母: ASCII 字符集包含 128 个基本字符,即常用英文字母和符号. 新建 HTML5 文档,保存为 test.html.在页面中嵌入 <script…