某人初学javascript的时候写的学习笔记


Posted in Javascript onDecember 30, 2010
/* 
* JavaScript对象就是一组属性(方法)的集合 
* 在该语言中如果变量名或方法名不符合声明规范, 
* 则一定得用方括号“ [] ”引用它 
* 
*/ 
/** 
* <1.>该语句声明了一个class1类,class1相当于构造方法,又叫构造器 
* 也可说声明了一个class1方法 
*/ 
function class1(){ 
this.name="xjl"; //给对象添加属性 
this.say= function(){alert("大家好!");}; //给对象添加方法 
}; 
/** 
* <2.>创建实例用 new 关键字,new 操作符不仅对内部类有效,对用户定义的类也是同样的用法 
* 每个对象可以看作是多个属性(方法)的集合,即 对象名.属性(方法)名 或 对象名[“属性(方法)名”] 
* 方括号 '[]' 适合不确定具体要引用哪个属性(方法)的场合 
*/ 
var a = new class1(); 
//alert(typeof(a)); //typeof(a) 返回a的类型 
//alert(a.name); //每个对象可以看作是多个属性(方法)的集合, 
//alert(a['name']); //用方括号([])引用对象的属性和方法 
//下拉框对象名[下拉框对象.value] 即可获得用户所选的值 也可用 eval(“下拉框对象名.”+下拉框对象.value); 
//a.say(); //调用对象的方法 
//var arr=new Array(); 
//arr['push']('abc'); //为数组添加一个元素,其中的 push 为内置的属性 
//arr['push']('1234'); //为数组添加一个元素 
//alert(arr); 
/** 
* <二.>动态添加、修改、删除对象的属性和方法 
* 
*/ 
var obj = new Object(); 
//添加属性……其中的属性名可任意取 
obj.name="徐建龙"; 
obj.sex = '男'; 
obj['my name'] = "xujianlong"; //使用方括号 “ [] ”可以使用非标识符字符串作为属性名称 
//添加方法……方法名也可任意取,也可传参数 
obj.alert = function(a){ 
alert(a+"你好!"); 
} 
//修改属性,就是把属性的值改成别的内容 
obj.name = "张三"; 
obj['name'] = 'anme'; 
//删除属性,就是把属性的值改成 undefined 或 null 
obj.name = 'undefined'; 
/** 
* <三>使用大括号({})语法创建无类型对象 
*/ 
//在大括号中方属性和方法,属性与属性用逗号隔开,属性与值之间用冒号隔开 
var ob = { 
name:"123", 
say:function(){alert("123")} //最后一个属性或方法不用逗号 
} 
//也可用如下方法定义对象的属性和方法 
var ob1 = {"name":'123','say':function(){alert("abcd");}}; 
/** 
*<四>prototype原型对象 
* 所有的函数(function)对应的类是(Function) 
* prototype 实际上就是表示了一个类的成员的集合。 
* *当通过new 来获取一个类的对象时,prototype 对象的成员都会成为实例化对象的成员。 
*/ 
function class2(){ //创建一个对象 
} 
var ob2 = new class2(); 
class2.prototype.me = function(){alert("123");} //在prototype的前面是,你所创建的类名 
class2.prototype.name = "123"; // 
/** 
* 函数对象和其他内部对象的关系 
*/ 
//typeof(new Function()),typeof(Function),typeof(Array),typeof(Object) 返回字符串“function”这些参数称之为构造器 
//typeof(new Date()),typeof(new Array()),typeof(new Object()) 返回字符串“object” 
/** 
* 传递给函数的隐含参数:arguments,它具有数组的特点,但它不是数组,可用下标来访问它 
*/ 
//arguments 中包含了一个参数 callee, 它表示对 函数对象本身的引用,如下: 
var sum=function(n){ 
if(1==n) 
return 1; 
else 
return n+arguments.callee(n-1); 
} 
//该语句表示声明一个 namespace1 的命名空间 ,如下: 
var namespace1 = new Object(); 
namespace1.class1 = function(){alert("123");}; 
var obj1=new namespace1.class1(); //页面加载时就执行 
/** 
* 使用prototype 对象定义类成员 
*/ 
//在创建实例的语句之后使用函数的prototype属性给类定义新成员,只会对后面创建的对象有效 
//在prototype中的constructor()方法 ,相当于构造方法 
function class1(){ 
//alert('adf'); 
} 
//class1.prototype.constructor(); //页面加载时就执行 
//用prototype 定义的简化 
class1.prototype={ 
//放入一些属性或方法 
//多个属性或方法是用逗号(,)隔开 
} 
//如下代码即是 静态方法和属性 
class1.name="abc"; 
class1.say = function(){/*codes*/} 
//利用反射机制,可以改变 element 中指定的样式,而其他样式不会改变,得到了所要的结果,例如: 
function setStyle(_style){ 
//得到要改变样式的界面对象 
var element=getElement(); 
for(var p in _style){ 
element.style[p]=_style[p]; 
} 
} 
//可以通过拷贝一个类的 prototype 到另外一个类来实现继承,但有缺陷。例如: 
// function class4(){} 
// 
// function class2(){ 
// 
// 
// class2.prototype=class4.prototype; //实现的继承 
// class2.prototype.f = function(){alert("a");} 
// 
//当对class2 进行prototype 的改变时,class4 的prototype 也随之改变 
// instanceof 操作符来判断一个对象是否是某个类的实例, 例如: 
var a = new class2(); 
a instanceof class2; //返回一个 bool ,如果 a 的class2 中的继承类,则也是 true 
//一种更好的继承 
for(var p in class1.prototype){ 
class2.prototype[p]=class1.prototype[p]; 
} 
class2.prototype.ma=function(){ 
alert(123); 
} 
//当对class2 进行prototype 的改变时,class4 的prototype 不会改变 
/** 
* prototype-1.3.1框架中的类继承实现机制 
*/ 
//------------------------------------------------------------------------------------------- 
//该语句为每个对象天加一个extend 方法,代码如下; 
Object.extend = function(destination, source) { 
for (property in source) { 
destination[property] = source[property]; //将source中所有的属性或方法都赋值给destination 
} 
return destination; 
} 
//通过Object类为每个对象添加方法extend 
Object.prototype.extend = function(object) { 
return Object.extend.apply(this, [this, object]); 
} 
Object.extend.apply(this,[this,object]); 
//class1继承与class2 ,好处是 通过new class2()相当于把class2的prototype的副本赋给class1 
//在class1中的prototype的改变,不会影响class2中的prototyp 
class1.prototype=(new class2()).extend({/*class1要增加的属性或方法*/}); 
/** 
* 只做了一个声明而未实现的方法,具有虚函数的类就称之抽象类 ,抽象类是不能实例化的 
*/ 
//里虚方法不需经过声明,而直接使用了。这些方法将在派生类中实现,例如: 
function c1(){} 
c2.prototype={ 
fun:function(){ this.fn();}//其中的fn方法未定义 
} 
function c2(){} 
c1.prototype=(new c2()).extend({ 
fn:function(){var x = 1;} 
}); 
//this.initialize.apply(this, arguments);该语句是把创建对象时的参数传给initialize方法 
/*** 
* 在javascript中也可以用 try-catch-finally 语句用于捕获异常或错误信息 
* 其中在catch(e)的小括号中的e 是必须的 e是一个名为error 的对象 
* e=new Error(message)来创建这个对象,异常的描述被作为error 对象的一个属性message, 
*/ 
//该代码演示了异常的抛出 
function s(a,b){ 
try{ 
if(b==0) 
throw new Error("除数不能为零!........"); 
else 
alert(a/b) 
}catch(e){ 
document.write(e.message);///通过message 获得Error中的实参 
} 
} 
onlaod=s(1,0);
Javascript 相关文章推荐
Javascript实现仿WebQQ界面的“浮云”兼容 IE7以上版本及FF
Apr 27 Javascript
用html+css+js实现的一个简单的图片切换特效
May 28 Javascript
基于JavaScript实现 网页切出 网站title变化代码
Apr 03 Javascript
原生JS封装ajax 传json,str,excel文件上传提交表单(推荐)
Jun 21 Javascript
JS组件系列之使用HTML标签的data属性初始化JS组件
Sep 14 Javascript
JavaScript中的 attribute 和 jQuery中的 attr 方法浅析
Jan 04 Javascript
细说webpack源码之compile流程-入口函数run
Dec 26 Javascript
使用ngrok+express解决本地环境中微信接口调试问题
Feb 26 Javascript
Node.JS循环删除非空文件夹及子目录下的所有文件
Mar 12 Javascript
微信小程序云开发之模拟后台增删改查
May 16 Javascript
AntV F2和vue-cli构建移动端可视化视图过程详解
Oct 08 Javascript
Vue Router的手写实现方法实现
Mar 02 Javascript
Javascript延迟执行实现方法(setTimeout)
Dec 30 #Javascript
JavaScript的document对象和window对象详解
Dec 30 #Javascript
javascript hashtable 修正版 下载
Dec 30 #Javascript
javascript中运用闭包和自执行函数解决大量的全局变量问题
Dec 30 #Javascript
javascript中创建对象的三种常用方法
Dec 30 #Javascript
javascript 闭包疑问
Dec 30 #Javascript
javascript数字数组去重复项的实现代码
Dec 30 #Javascript
You might like
解决dede生成静态页和动态页转换的一些问题,及火车采集入库生成动态的办法
2007/03/29 PHP
php select,radio和checkbox默认选择的实现方法
2010/05/15 PHP
Thinkphp模板中使用自定义函数的方法
2012/09/23 PHP
解析coreseek for sphinx的使用
2013/06/21 PHP
使用PHP和HTML5 FormData实现无刷新文件上传教程
2014/09/06 PHP
PHP四种排序算法实现及效率分析【冒泡排序,插入排序,选择排序和快速排序】
2018/04/27 PHP
让Laravel API永远返回JSON格式响应的方法示例
2018/09/05 PHP
JSON 入门指南 想了解json的朋友可以看下
2009/08/26 Javascript
读jQuery之七 判断点击了鼠标哪个键的代码
2011/06/21 Javascript
jquery插件如何使用 jQuery操作Cookie插件使用介绍
2012/12/15 Javascript
jquery 检测元素是否存在的实例代码
2013/11/19 Javascript
IE浏览器不支持getElementsByClassName的解决方法
2014/08/27 Javascript
JS实现关闭当前页而不弹出提示框的方法
2016/06/22 Javascript
Vue.js路由组件vue-router使用方法详解
2016/12/02 Javascript
JS实现动态修改table及合并单元格的方法示例
2017/02/20 Javascript
React-native桥接Android原生开发详解
2018/01/17 Javascript
JS中数据结构之栈
2019/01/01 Javascript
angular中的post请求处理示例详解
2020/06/30 Javascript
jQuery插件实现图片轮播效果
2020/10/19 jQuery
Python群发邮件实例代码
2014/01/03 Python
Python比较文件夹比另一同名文件夹多出的文件并复制出来的方法
2015/03/05 Python
python使用logging模块发送邮件代码示例
2018/01/18 Python
Numpy之文件存取的示例代码
2018/08/03 Python
python Pandas库基础分析之时间序列的处理详解
2019/07/13 Python
用python拟合等角螺线的实现示例
2019/12/27 Python
pyinstaller 3.6版本通过pip安装失败的解决办法(推荐)
2020/01/18 Python
keras 多任务多loss实例
2020/06/22 Python
韩国家庭购物网上商店:Nsmall
2017/05/07 全球购物
Clarks鞋澳大利亚官方网站:Clarks Australia
2019/12/25 全球购物
高中生自我评语大全
2014/01/19 职场文书
房产分割协议书范文
2014/11/21 职场文书
2016三严三实专题教育活动心得体会
2016/01/06 职场文书
如何使用 resize 实现图片切换预览功能
2021/08/23 HTML / CSS
Python MNIST手写体识别详解与试练
2021/11/07 Python
《我的美好婚事》动画化决定纪念插画与先导PV公开
2022/04/06 日漫
一次SQL查询优化原理分析(900W+数据从17s到300ms)
2022/06/10 SQL Server