javascript高级学习笔记整理
更新时间：2011年08月14日 15:24:35 作者：
打算做一个js面向对象的贪吃蛇,但是最终是流产了,整理了下废弃的代码,回顾了下PPT.想学习js面向对象的朋友也可以参考下。
一.js面向对象的一种实现
<script type="text/javascript">
function Person() {
this.name = "张三";
this.age = 0;
var nickName = "小三"; //类似私有变量,函数中的局部变量在函数执行完后自动销毁.
this.SayHi = function () {
alert("我的名字是" + this.name + " ,大家都叫我" + nickName + " ,我今年已经" + this.age + "岁了");
}
}
/////////////////////////
function Student(myclass, myteacher) {
this.myClass = myclass;
this.myTeacher = myteacher;
this.SayHi = function () {
if (this.myClass != undefined) {
alert("我是"+this.myClass+"的"+this.name);
}
else if (arguments.length == 2) {
alert("我是" + this.myClass + "的" + this.name + ", 我的老师是" + this.myTeacher);
}
else {
new Person().SayHi();
}
}
}
Student.prototype = new Person(); //创建继承关系
//////////////
onload = function () {
var p = new Person(); //类似实例化类Person,对象的创建(解析两次)并不是推荐用法
p.age = 18; //给Person的age赋值, age相当于属性
p.SayHi(); //调用Person里的公共方法,输出结果:我的名字是张三 ,大家都叫我小三 ,我今年已经18岁了!
var stu = new Student('三年级二班', 'jameszou'); //有参构造函数
stu.name = 'le'; //父类的属性
stu.SayHi(); //Student重写了SayHi方法
var stu1 = new Student();
stu1.myClass = '三年级三班';
stu1.myTeacher = 'ly';
stu1.SayHi(); //输出:我是三年级三班的张三"
var stu2 = new Student();
stu2.age = 20;
stu2.SayHi();//输出:?:我的名字是张三,大家都叫我小三,我今年0岁了
}
</script>
二.6种简单数据类型:
1)Undefined.一个变量被定义但是没有给他赋值.
2)Null.(引用类型)
3)Number.数值类型
var num = 1.0这个时候num是int类型,只有当小数点后面不为0的时候才是浮点型,
isNaN()可以判断传人的值是否为Number类型,
var num = parseInt('112412aaa11'); num=112412;
4)Boolean.
5)String
6)function
Function类型:
执行环境：就是当前函数（方法）所处在的父环境。比如在window下执行的函数他的执行环境就是window。
没有块级作用域:if等语句没有用块状作用域,if，for等用大括号括起来的代码并不能形成一个块状作用域。
var变量声明:用var声明变量时,会他把添加到最近的可用环境,即不用var定义的一个变量是全局变量.
声明语句会首先执行,以保证程序的运行.
垃圾回收:变量对象设为null的时候原对象将被自动回收.
属性:
this.函数所在的执行环境,函数在执行时所处的作用域.
prototype(原型).
三.复杂类型
Object:
Object类型本质是一个无序的键值对列表，类似于集合，json格式。
创建Object可以有多种方式：
1)var obj = new Object(); obj.name="lz"; obj.age=17;
2)var s = {}; s.name="ly"; s.age=18;
3)var s = {"name":"ln","age":"17"};
访问Object对象的属性的方法：
1)obj.name
2)obj["name"]
Array类型:
相当于List<T>,length属性是可读写的(可以利用这一点删除数组元素)
数组的栈方法:(后进先出)
push() 往里加 pop() 从栈头往外拿
数组的队列方法:(先进先出)
shift() 从队列尾部往外拿 unshift() 从队列尾部往里加
排序:
sort() 排正序，将数组中的数据按照一定的顺序排列，参数可以传递一个可传入比较方法（类似于接口） reverse() 翻转
连接数组: concat()
var colors=["a","b"];
var newcolor=colors.concat("yellow",["c","d"]);//colors有5个元素。
concate方法中若传入数组，会把该数组拆分，将其中元素加入目标数组中。若传入json格式数据，一个json数据就看成一个元素加入数组。
四.其他
typeof: return true or false,
instanceof 判断复杂类型的类型 return true or false,如果用它来判断值基本类型类型永远返回false,
eval()他会把eval()中的参数解析出来，插入到eval执行的位置，效果相当于在相应的位置直接写入JS代码
复制代码 代码如下:
<script type="text/javascript">
function Person() {
this.name = "张三";
this.age = 0;
var nickName = "小三"; //类似私有变量,函数中的局部变量在函数执行完后自动销毁.
this.SayHi = function () {
alert("我的名字是" + this.name + " ,大家都叫我" + nickName + " ,我今年已经" + this.age + "岁了");
}
}
/////////////////////////
function Student(myclass, myteacher) {
this.myClass = myclass;
this.myTeacher = myteacher;
this.SayHi = function () {
if (this.myClass != undefined) {
alert("我是"+this.myClass+"的"+this.name);
}
else if (arguments.length == 2) {
alert("我是" + this.myClass + "的" + this.name + ", 我的老师是" + this.myTeacher);
}
else {
new Person().SayHi();
}
}
}
Student.prototype = new Person(); //创建继承关系
//////////////
onload = function () {
var p = new Person(); //类似实例化类Person,对象的创建(解析两次)并不是推荐用法
p.age = 18; //给Person的age赋值, age相当于属性
p.SayHi(); //调用Person里的公共方法,输出结果:我的名字是张三 ,大家都叫我小三 ,我今年已经18岁了!
var stu = new Student('三年级二班', 'jameszou'); //有参构造函数
stu.name = 'le'; //父类的属性
stu.SayHi(); //Student重写了SayHi方法
var stu1 = new Student();
stu1.myClass = '三年级三班';
stu1.myTeacher = 'ly';
stu1.SayHi(); //输出:我是三年级三班的张三"
var stu2 = new Student();
stu2.age = 20;
stu2.SayHi();//输出:?:我的名字是张三,大家都叫我小三,我今年0岁了
}
</script>
二.6种简单数据类型:
1)Undefined.一个变量被定义但是没有给他赋值.
2)Null.(引用类型)
3)Number.数值类型
var num = 1.0这个时候num是int类型,只有当小数点后面不为0的时候才是浮点型,
isNaN()可以判断传人的值是否为Number类型,
var num = parseInt('112412aaa11'); num=112412;
4)Boolean.
5)String
6)function
Function类型:
执行环境：就是当前函数（方法）所处在的父环境。比如在window下执行的函数他的执行环境就是window。
没有块级作用域:if等语句没有用块状作用域,if，for等用大括号括起来的代码并不能形成一个块状作用域。
var变量声明:用var声明变量时,会他把添加到最近的可用环境,即不用var定义的一个变量是全局变量.
声明语句会首先执行,以保证程序的运行.
垃圾回收:变量对象设为null的时候原对象将被自动回收.
属性:
this.函数所在的执行环境,函数在执行时所处的作用域.
prototype(原型).
三.复杂类型
Object:
Object类型本质是一个无序的键值对列表，类似于集合，json格式。
创建Object可以有多种方式：
1)var obj = new Object(); obj.name="lz"; obj.age=17;
2)var s = {}; s.name="ly"; s.age=18;
3)var s = {"name":"ln","age":"17"};
访问Object对象的属性的方法：
1)obj.name
2)obj["name"]
Array类型:
相当于List<T>,length属性是可读写的(可以利用这一点删除数组元素)
数组的栈方法:(后进先出)
push() 往里加 pop() 从栈头往外拿
数组的队列方法:(先进先出)
shift() 从队列尾部往外拿 unshift() 从队列尾部往里加
排序:
sort() 排正序，将数组中的数据按照一定的顺序排列，参数可以传递一个可传入比较方法（类似于接口） reverse() 翻转
连接数组: concat()
var colors=["a","b"];
var newcolor=colors.concat("yellow",["c","d"]);//colors有5个元素。
concate方法中若传入数组，会把该数组拆分，将其中元素加入目标数组中。若传入json格式数据，一个json数据就看成一个元素加入数组。
四.其他
typeof: return true or false,
instanceof 判断复杂类型的类型 return true or false,如果用它来判断值基本类型类型永远返回false,
eval()他会把eval()中的参数解析出来，插入到eval执行的位置，效果相当于在相应的位置直接写入JS代码
相关文章
JavaScript中三个等号和两个等号的区别(== 和 ===)浅析
javascript中比较运算符'=='与'==='可能大家用的比较多，但是大家对他的区别不是很清楚，接下来小编给大家介绍下js中三个等号和两个等号的区别(== 和 ===),感兴趣的朋友可以参考下2016-09-09
在javascript前端开发阶段经常会遇到this，闭包，原型链知识，那么大家对这三种的基本知识理解吗？今天小编就带领大家一起学习this，闭包，原型链的知识，感兴趣的朋友一起看看吧2016-09-09
下面小编就为大家分享一篇仿京东快报向上滚动的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2017-12-12
这篇文章主要介绍了JS实现闪动的title消息提醒效果,考虑并兼容了大部份的浏览器,需要的朋友可以参考下2014-06-06
这篇文章主要为大家详细介绍了javascript实现倒计时效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-02-02
这篇文章主要介绍了Vue考试系统后台管理项目的登录、记住密码功能具体实现流程，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2022-09-09
这篇文章主要给大家介绍了JavaScript如何实现滑块补图验证码效果，文章通过代码示例介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴可以参考阅读下2023-07-07
真见识了-全代码编写的图片...2007-08-08
每次在javascript中用加号合成字符串，真的没法忍受了，今天终于找到一高手写的方法，与大家分享。2009-11-11
这篇文章主要介绍了微信小程序调用微信支付接口，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-04-04
最新评论