You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
functionsay(){// this === window}// jQuery $('body').show()// show 里面的this指向 $('body')varobj={name: 'Tenmic',getNameFun: function(){// this == objreturnthis.name}}
functionPerson(name){this.name=namethis.getName=function(){returnthis.name}}functionStudent(){}Student.prototype=newPeroson()varstudent=newStudentstudent.getName()// getName 来自于 Person
目标:熟练掌握JavaScript基础知识与面向对象概念
大纲
基本概念
语法
JavaScript的语法借鉴C语言语法,与php基本一致
基本数据类型
一共5种基本数据类型
使用 typeof 可以查看数据类型
Undefined && Null
Undefined 与 Null 类型都是只有一个值
undefined 表示变量未定义,或者定义了但是未赋值
null 表示空对象指针,不指向任何对象,本质上他是Object类型
Boolean
Boolean 类型共两个值
true
和false
,表示真和假基本类型转换时,会将以下值转换为false
其他都会转为 true
Number
数值转换
Number()
可以把任何值转换为数值,parseInt()
和parseFloat()
将字符串转换为数值。转换规则
String
操作符
+ - * / ++ -- += -=
等操作符与PHP完全一致! < > <= >= || &&
等于PHP完全一致tips
===
和==
:==
会先将左右两边先转换为相同数据类型后,再比较2 == [2] // true
===
原样比较2 === '2' // false
a || b
当a为true时,完全忽略b,可用于设置默认值var x = x || 100
a && b
当a为true时,执行b,当a为false时,忽略b,可用于判断x && alert('hello')
!!a
用于类型转换为Boolean引用类型
引用类型是一种数据结构,用于将数据和功能组织在一起。
Object 类型
创建一个Object
以面向对象概念理解的话,Object类型是所有引用类型的基类,Array,Function,包装类型等都属于Object的子类
Array 类型
创建Array
栈方法
push
: 将元素添加到数组末尾,返回数组长度pop
: 返回最后一项元素并删除队列方法
shift
: 返回第一项并删除unshift
: 将元素添加带数组第一项,返回数组长度迭代方法
tips
'' + [1,2,3]
reverse()
元素顺序反转,sort()
对元素调用toString方法然后确定顺序[1,2,3].concat([4,5,6])
[1,2,3].indexOf(4)
Function
定义
注意事项
包装类型
为了便于操作基本类型数据,每当读取一个基本类型值的时候,后台会创建一个对应的基本包装类型的对象,让我们能够调用一些方法来操作这些数据
执行环境(作用域)
执行环境定义了变量或函数有权访问的其他数据,决定了他们的各自行为。每个执行环境都有一个与之关联的变量对象,环境中的所有变量和函数都保存在这个变量中,但是我们无法访问这个变量,在解析器执行时会在后台使用
作用域链
每个函数都有自己的执行环境,当代码在一个环境中执行时,会创建变量对象的一个作用域链。作用域链的用途,是保证对执行环境有权访问的所有变量和函数的有序访问
闭包
闭包是指有权访问另一个函数作用域中的变量的函数,创建方式就是在一个函数内部创建另一个函数
this
this对象是在运行时基于函数的作用域绑定的,在全局函数中,this等于window,当函数被某个对象的方法调用时,this等于那个对象。在编写闭包中,this依情况而定
绑定this
在运行中,this变量可以显式的绑定
面向对象编程
创建对象
工厂模式
构造函数模式
new 关键字的执行过程
构造函数就是一个普通的函数,与一般函数没有什么不同,任何函数都可以用 new 来调用。
缺点
每个函数都要创建一次
原型模式
我们创建的每个函数都有一个
prototype
,这是一个指向一个对象的指针,这个对象的用途是包含可以由特定类型的所有实例共享的属性和方法。prototype 是通过调用构造函数而创建的那个对象实例的原型对象
理解原型对象
无论什么时候,只要创建了一个新函数,就会根据一组特定的规则为该函数创建一个 prototype 属性,这个属性指向函数的原型对象。所有原型对象自动获得一个constructor属性,constructor指向函数本身
在查找对象属性时,首先获取对象内部属性,如果获取不到,则沿着原型链逐步往上查找,最终仍未找到则返回undefined
继承
JavaScript是基于原型链的继承。利用原型让一个引用类型继承另一个引用类型的属性和方法。
原型继承
每个构造函数都有一个原型对象,原型对象都包含一个指向构造函数的指针,而实例都包含一个指向原型对象的内部指针。如果我们手动的让原型对象等于另一个原型的实例,此时的原型对象将包含另一个原型的实例。如此层层递进,构成实例与原型的链条,实现了继承
借用构造函数继承
很明显的,上述原型继承无法控制Person的传入参数,我们使用借用构造函数方式继承
这种方式,虽然解决了参数传递,但是依然解决得不彻底,参数的限制太大了
组合式继承
这种继承方式综合了上述两者继承方式,可以近乎完美实现继承
The text was updated successfully, but these errors were encountered: