`
glacier3
  • 浏览: 386231 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

javascript基础总结

阅读更多

1.使用对象初始化程序
  除了用构造函数来创建对象,您可以用对象初始化程序创建对象,对象初始化程序(Object initializer)技术是从 C++ 中引用来的,它的用法如下:

    objectName = {property1:value1, property2:value2,..., propertyN:valueN}

例子:

a={x:1,y:2};
alert(a.x);

 2.用构造函数定义对象类:

  创建一个函数来指定对象的名字、属性和方法来定义对象类,例如假设您需要创建的对象类为 car,它具有属性 make、model、year 和 color,您可以这样:

function car(make, model, year) {
 this.make = make
 this.model = model
 this.year = year
}
 



现在您可以创建一个对象:mycar,

mycar = new car("Eagle", "Talon TSi", 1993)

 


您还可以给先前定义的对象添加一个属性,如:mycar.color = "black" ,然而它不会影响其它的同类对象。

 

3.索引对象属性
  在 JavaScript 中,对象也是一个数组,可以按名称(使用对象名称,后跟一个圆点和属性的名称)来引用一个对象的任何成员(属性和方法), 也可以按其数组下标索引来引用。JavaScript 中下标的是从 0 开始编号的,也可以用其名称来引用下标。因此您可用多种方法来引用属性,如果某文档有两个表单,其中第二个表单名为“myForm”下面的方法是等价的:

document.myForm
document.forms[1]  // [1] 是 HTML 源顺序中属性 forms 的索引。
document.forms["myForm"]

4 为对象类定义属性
  您可以用 prototype 属性在先前定义的对象类中加入一个属性,它可以被所有指定的对象类所共享。下面的代码为 car 类所有的对象添加一个 color 属性,并为 car1 的 color 属性赋值:

Car.prototype.color=null
car1.color="black"

 

 


5.数组的初始化:

 

var a=new Array();
a=[1,1,1,2,333];

var a=[1.1,{x:2,y:33}];
alert(a[1].x);

var a=[1,,,,,3];

 6.prototye: (5个)

    Number,String,Boolean, undefined , and null

    String

       可以使用包装类

       var s=new String("ssssss");

    Number :

 

Properties of the Number Object Relevant to Special Numeric Values

Property

Value

Number.MAX_VALUE

Largest magnitude representable

Number.MIN_VALUE

Smallest magnitude representable

Number.POSITIVE_INFINITY

The special value Infinity

Number.NEGATIVE_INFINITY

The special value –Infinity

Number.NaN

The special value NaN

    Boolean:

 var b0=new Boolean(true);
  var b1=new Boolean();//false
 var b2=false;
 

7.Date对象

var now=new Date();
var xmas=new Date(2008,11,25);//表示2008年12月25日,因为月份是从0开始

 8.for/in

 

for(variable in object){
     statement;
}

eg:
 //枚举数组下标
var a=[1.1,{x:2,y:33}];
for(var i in a){
	document.writeln(i);
}

//把一个对象的所有属性名复制到一个数组中
var a={x:1,y:22};
var b=new Array();
var i=0;
 for(b[i++] in a);
document.write(b[0]);





 9.throw语句

if(x<0)throw new Error("错了!!!");

 10.try/catch/finally

try{}
catch(ex){}
finally{}

 11.typeof

 

 var a="ddd";
document.write(typeof a );

 12. 使用Function()创建函数(动态的创建函数 )

    创建函数除了使用function语句之外,还可以使用如下:

var f=new Function("x","return x*x;");

var f2=new Function("x","y","return x*y");

 13函数直接量

 var a=new Array();
 a[0]=function(x){return x*x;};//定义函数并保存它,调用的时候可以使用a[0](2)语句
 
 a.sort(function(a,b){return a-b;}); //定义函数,把它传递给另外一个函数
 var ttt=(function(x){return x*x;})(10);//定义函数并调用

var f=function fact(x){return x*fact(x-1);}//注意该函数没有真正创建名称为fact的函数,只是使用这个名字来
引用自己实现递归.(参考第16点)

 14作为数据的函数

function sq(x){return x*x;};
var b=sq;//现在 本b引用的函数和sq一样.
var c=b(22);

function add(x,y){return x+y;};
function operate(fun,p1,p2){
	return fun(p1,p2);
}
 operate(add,1,3) ;

//和上面相同的方式重新实现,
var operators=new Object();
operators["add"]=function(x,y){return x+y};
function operate2(fun_name,p1,p2){
	return operators[fun_name](p1,p2);
}
 operate2("add",operate2("add",1,11),1) ;

15.将对象保存在数组中,间接改变对象的值.

<table border=1 id="win1" width=100>
	<tr>
		<td>
			fasfa
		</td>
	</tr>
</table>
<script>
 	t=document.getElementById("win1");
	o=new Array();
	o.push(t);
	o[0].width=200;
</script>

 16.函数真正的参数:Arguments对象.

对于函数参数可变的情况,使用arguments非常管用,用法和数组一样,不过要记住它不是数组噢!

改变arguments[0]的值就会改变函数第一个参数的值,依次类推.

     属性callee: 用来调用函数自己,对于没有函数名的变量非常有用.

function(x){
    return arguments.callee(x-1);
}

 17.函数属性.(Function对象)

javascript函数都是对象!你调用函数的时候可以传入任意的函数个数,所以就有了只读属性length .

length属性:

   他的作用就是返回函数定义的实际参数个数.用法如下:

 
function check(args){
    var actual=args.length;                //实际的参数个数
    var expected=args.callee.length; //要求的参数个数


}

 prototype属性

 

 18.对象属性的枚举

 var oo=new Object();
 oo.id="22";
 oo.name="ztc"
function f(obj){
	 for(var o in obj){
			document.writeln(o);

	 }

}

 19.删除未定义的属性.

delete oo.id;
delete oo.name;

 delete 是真正的把该属性从对象中移除.

 

20.用构造函数定义方法.

注意这种方法定义方法会损耗很大的内存! 最好使用"原型方式"创建

 

function test(){alert("hi!");};
function fun(){
	this.t=test;
}
var f=new fun();
f.t();

 21.类属性/方法

类名.属性名= 值

类名.方法名=function (){};

 

22.继承

function A(){
	this.x=1;
	this.y=2;

}


function B(){
	this.z=9;
}

B.prototype=new A();
B.prototype.constructor=B;//constructor属性用来引用构造函数.





B.prototype.method=function(){
		alert(this.y);

}
b=new B();
b.method();


 constructor可以用来确定给定对象的类型

if((typeof o == "object") && (o.constructor == Date)){

   

}
 
分享到:
评论
3 楼 abruzzi 2008-12-29  
不错,回头我也整理整理,javascript这个语言还是比较神奇的
2 楼 glacier3 2008-07-25  
function B{}
 B.prototype.method=function(){  
         alert(this.y);  
   
}  
1 楼 hejin1026 2008-07-25  
20.用构造函数定义方法.

注意这种方法定义方法会损耗很大的内存! 最好使用"原型方式"创建

那“原型方式"创建,怎么创建

相关推荐

    读书笔记:Javascript基础总结Dom事件原生函数正则.zip

    读书笔记:Javascript基础总结Dom事件原生函数正则

    javascript基础知识总结

    以下是对JavaScript基础知识的总结,主要关注在网页中使用的弹出对话框、函数调用以及带有参数的函数。 1) Alert Box `alert()` 函数用于显示一个包含警告信息的单行对话框,用户只能点击“确定”按钮关闭它。在...

    JavaScript基础知识总结

    JavaScript 基础教程 JavaScript 是一种广泛应用于网页和网络应用的轻量级编程语言,它主要用于增强网页的交互性和动态功能。JavaScript 能够直接嵌入 HTML 页面中,为设计师提供了一种无需深入编程就能实现动态...

    javascript基础语法总结.pdf

    这个资源是javaScript基础语法的总结,适合学完javascript基础语法的进行巩固、复习! 这...我是想免费给大家看的,这怎么还收费

    javascript课程内容总结

    JavaScript 是一种广泛应用于网页开发的编程语言,以下是 JavaScript 的基础知识点总结。 数据类型 在 JavaScript 中,数据类型包括字符串(string)、数值型(number)、布尔型(boolean)、null、undefined 和...

    JavaScript语言基础知识点总结十张图

    本文将基于“JavaScript语言基础知识点总结十张图”这一主题,深入探讨JavaScript的基础概念、语法特性以及核心知识点。 1. **变量与数据类型** JavaScript有七种数据类型:Undefined、Null、Boolean、Number、...

    Javascript基础.xmind

    JavaScript基础三天总结

    JavaScript语言基础知识总结(10张,神一样的总结!)

    这篇总结涵盖了JavaScript语言的基础知识,帮助初学者快速上手并深入理解这门强大的脚本语言。 首先,我们来看“JavaScript 数据类型”。JavaScript有七种数据类型:Undefined、Null、Boolean、Number、BigInt、...

    JavaScript学习基础学习心得

    #### JavaScript基础语法 1. **运算符**: - 算术运算符:`+`、`-`、`*`、`/`、`%`。 - 赋值运算符:`=、+=、-=、*=、/=、%=`。 - 比较运算符:`==、===、!=、!==、&lt;、&gt;、、&gt;=`。 - 逻辑运算符:`&&、||、!`。 ...

    JavaScript基础知识总结.xmind

    通过思维导图的方式,快速了解掌握JavaScript的基本内容

    javascript开发基础总结

    这篇"JavaScript开发基础总结"涵盖了从基本概念到实际应用的关键知识点,旨在帮助初学者或有经验的开发者巩固JavaScript基础。 首先,JavaScript的数据类型是理解语言基础的关键。JavaScript有两种主要的数据类型:...

    常见的前端面试题大全总结

    最全 JavaScript 基础总结~建议收藏;基础很好?总结了 38 个 ES6-ES12 的开发技巧,倒要看看你能拿几分? 3、Vue 史上最强 vue 总结---面试开发全靠它了;30 道 Vue 面试题,内含详细讲解(涵盖入门到精通,自测 ...

    JavaScript基础教程 精简版

    总结,这个精简版的JavaScript基础教程涵盖了语言的基本要素,从数据类型、运算符到控制流,再到对象、函数和事件处理,为初学者提供了一个全面的入门框架。理解并熟练运用这些知识点,是成为JavaScript开发者的首要...

    JavaScript学习总结

    一、JavaScript基础 JavaScript由Brendan Eich在1995年发明,最初是为了网页交互而设计,现在已经成为全球最流行的编程语言之一。它是一种解释型、弱类型、基于原型的语言,支持事件驱动、函数式以及命令式编程风格...

    javascript基础学习代码总结

    还有写对于javascript对应的知识点案例。每个文件里都会有很多的注释信息,方面阅读和学习。 ...2.每个模块代码都有注释可用来...4.适合于没有javascript基础或javascript基础不扎实想要学习js知识点的人群参考和学习。

    Javascript总结导图

    本篇内容将围绕"JavaScript总结导图"展开,深入探讨JavaScript的基础知识、核心概念以及高级特性。 1. **基础语法** JavaScript的基础包括变量声明(var、let、const)、数据类型(如字符串、数字、布尔值、null、...

    JavaScript经验总结

    以上就是本文档中所总结的部分 JavaScript 基础知识和常见操作。这些内容覆盖了 JavaScript 的基础语法、字符串处理、数组操作等多个方面,对于初学者来说非常有用。希望这些知识点能够帮助大家更好地理解和掌握 ...

    JavaScript基础语法.xmind

    自己总结的JavaScript基础语法的笔记,绘制了详细的思维导图,每个思维导图中均有详细的博文解释,方便大家学习和理解,免费分享给大家。适合网页前端的爱好者和学习者

    JavaScript学习笔记,javascript基础知识,基础语法整理.pdf

    JavaScript基础知识点总结 JavaScript是一种高级的、动态的、基于对象的客户端脚本语言。它是在网页上执行的脚本语言,能实现网页的交互功能。下面是该资源中的重要知识点总结: 一、 JavaScript 基本概念 * ...

    JavaScript基础笔记.md

    ### JavaScript基础知识点详解 #### 一、JavaScript简介 **JavaScript**是一种主要运行在客户端的脚本语言,它不需要经过编译就能直接由浏览器解析执行。这使得JavaScript成为了现代Web开发中不可或缺的一部分,...

Global site tag (gtag.js) - Google Analytics