javascript 基础篇2 数据类型，语句，函数
写内容之前废话一句：因为旧版有些浏览器不支持javascript脚本，遇到script结点，当做普通内容输出了，所以有时候为了让版本兼容，会在script结点里的内容写上注释符号，这样的话在旧版里虽然程序会失效，但是不会出现我们的代码，类似于这样(请忽略括号以及括号里的东西)：
代码如下:
<script type="text/javascript">
<!-- (注意，这里必须换行)
xxxxxx;
--> (这一行也不可以写东西。)
</script>
注意: 经过测试发现，js语句不可以跟注释符号写在同一行，不然的话就在新版的浏览器里也会失效。
javascript 的数据类型：
数值类型：包括所有的数字。
字符串类型 string 用“” 或‘'括起来表示
布尔类型 boolean =true 或 false。
变量：用来存储数据的容器，在程序里存储的数值时可以变化的。
变量的声明： var 变量名[= 值];
如果变量在函数内部声明，那么它是局部的，如果在函数外，那就是全局的，意思你们懂的。
也就是说，不管声明哪种类型的变量，都是用var, 具体是哪一种数据类型，则是在初始化之后确定的。如果没有初始化的话，那么它就是个未定义类型的变量。
我们就利用上篇js里提到的小工程来玩儿一下它的数值类型好了。
<html>
<head>
<title>O.O</title>
<script type="text/javascript" src="js/output.js"></script>
<script type="text/javascript">
var a=456;
var b="Hello~";
var c=true;
var d;
document.write(a+""+ typeof a+"<br/>");
document.write(b+""+ typeof b+"<br/>");
document.write(c+""+ typeof c+"<br/>");
document.write(d+""+ typeof d+"<br/>");
</script>
</head>
<body>
This is my JSP page. <br/>
</body>
</html>
然后我们看输出：
可以看到，赋值以后，var都有了自己的类型，但是没有定义的var d，就是未定义的。
这里我们可以看到，typeof这个保留字，可以返回基本数据类型的名称，除了这三种之外，还可以返回object的类型。
但是如果是特殊类型，就需要instanceof 来返回类型名称了。
比如如果定义一个 var obj=new Object(); 或者var date=new Date(); 使用typeof来返回它的类型（ typeof obj ），输出的是 object
数据类型的转换：
从String转换为int/float使用函数： parseInt(String) / parseFloat(String) 例如：parseFloat("3.14159");
从数字类型转换为string,使用 toString()函数：比如：
var iNum=30; 30.toString(2);// 后面的括号里加个2，意思是转换为二进制字符串。
//同样还可以有8进制和十六进制，如果没有数字，那就是直接转换了。
接下来就是做个小实验了，把刚才那个文件里script结点下的内容换换：
代码如下:
<script type="text/javascript">
var a=456;
var b="789";
var c=a.toString()
var d=parseInt(b);
document.write(a+""+ typeof a+"<br/>");
document.write(c+""+ typeof c+"<br/>");
document.write(b+""+ typeof b+"<br/>");
document.write(d+""+ typeof d+"<br/>");
</script>
然后，运行一下吧~
看起来，转换类型其实很简单的嘛~
运算：
运算其实跟c java都一样，都是加减乘数啊and啊，or啊的，其实没什么差别。
这里就重申明一次i++和++i的差别吧。
i++是执行一次i+1，但是返回i，比如我写一句
代码如下:
var i=50;
if(i++<=50)
document.write(i);
那么运行时的顺序其实是：赋值：i=50, 判断：if(i<=50)， 执行i=i+1 ，执行判断后的语句：xxxx。所以最后输出的是51，我就不截图了。
如果那里使用的是++i，那么返回的是加1后的值，也就是说不会有输出了。
--------------------------------------------------------------------------------
语句部分
条件语句：if 和 switch
其实和c是一样的，这部分并不需要多讲，就是条件语句中也要注意一点小细节：
js的if语句中，在下列情况下返回为false： null \ undefined \ 空字符串"" \ 0 \ false
关于空字符串还要注意下：var s=""和 var s=new String("")是不一样的，后者开辟了内存空间，所以返回true。
下面我们来验证一下吧~，javascript节点下：
代码如下:
<script type="text/javascript">
var a;
var b=new String("");
if(null) document.write("null");
if(0) document.write("0");
if(a) document.write("a undefined");
if(false) document.write("false");
if("") document.write("empty string");
if(b) document.write("new String()");
document.write("<br/>");
</script>
然后保存，刷新main页面：
哎呀( ⊙ o ⊙ )，果然只有new string出现了~。
<script type="text/javascript">
var date=new Date();
var day=date.getDay();
document.write(day+"<br/>")
switch(day){
case 6,7: document.write("weekend \(^o^)/");
break;
case 5: document.write("hold on~! last day!");
break;
default: document.write("work days.");
}
document.write("<br/>");
</script>
查看输出：
OK，接下来是循环语句：while do-while for-in for
前两个唯一的差别就是循环和判断的顺序不同，do-while比while多循环一次，我就不举例了。
for循环相信大家也熟的不能再熟了，我们就看for-in这一句。
这个其实是针对数组的，js中数组的初始化也挺奇特的比如我们在script结点里写：(另外注意下数组的初始化，用的是中括号)
代码如下:
<script type="text/javascript">
<!--
document.write("test<br/>");
var a=[3,4,5,7];
for(var test in a){
document.write(test+": "+a[test]+"<br/>");
}
-->
</script>
我们查看输出：
从这个结果里我们探讨出一下几点：
其中test其实算是一个int的数字，来表示数组的数标。
for-in每次循环只能走一个数，一般用来穷举。
某些情况下，只能用for-in来穷举，比如数组里存储的内容有string，有数字。
(当然，如果硬要说的话，也不是只能用for-in，但是for-in要方便许多)
函数其实第一篇简单说过了。
1. 函数名前不需要返回值，参数列表里不需要写类型。
2. 函数内部定义的变量为局部变量，不可以在外面调用。
所以格式基本就是这样：
function 函数名(参数列表){
xxxxxxx;
[return xxxx;] //可有可无
}
OK了，知道了格式，我们来尝试一下：
代码如下:
<script type="text/javascript">
<!--
function add(a,b){
var c=a+b;
return c;
}
var x=20, y=45;
document.write(add(x,y));
document.write("<br/>"+c);
-->
</script>
输出只有数字哦亲，也就是说，第二行那个直接忽略(真悲剧啊)，连undefined的标准都达不到。因为它是局部变量。在函数执行完之后就被抛弃了。
除了这种规范的写法之外，还有一种叛逆的，就是，定义函数的时候没有写参数，但是函数体里也可以用参数，这样，当有参数的时候，可以有输出，此时因为使用的参数没有名字，就全存放在arguments数组里。举个例子：
代码如下:
<script LANGUAGE="JavaScript">
<!--
function show(){
for(var temp in arguments)
document.write(arguments[temp]+"");
}
show(3,4,"Dumpling",4.67);
-->
</script>
PS：我把script结点里面的属性换了一下，其实就是说也可以这么声明javascript。LANGUAGE必须大写
看输出：
注意，这里面，经测试function内，用arguments里存储的数据做运算也是可以的，比如
<script LANGUAGE="JavaScript">
<!--
function add(){
return arguments[0]+arguments[1];
}
document.write(add(4,44)+"");
document.write(add(4,"e55"));
-->
</script>
会输出48 4e55。当然，因为函数体中用到了两个参数，所以如果你调用时只给了一个参数，出来的结果并不是只输出一个值的，有兴趣自己测试下~如果你调用时给了3个参数，那么第三个参数就无情的被忽略了。
除了上面这种还算规整的定义外，还有一些别的方式来定义函数，比较非主流，我不喜欢用，不过还是要写出来了解下：
一种是：var add=new Function("参数","参数",......,"函数体");
代码如下:
<script LANGUAGE="JavaScript">
<!--
var add = new Function("a","b","var c; c=a+b; return c");
document.write(add(4,87));
-->
</script>
输出是正确无误的，可以看到，最后一句不需要加分号，木有问题，这里的道理就是，Function其实是个类，然后add就变成了函数的名字了。
还有一种写法：
代码如下:
<script LANGUAGE="JavaScript">
<!--
var show=function(name){
document.write("<br/>"+"Hellp "+name);
}
show("Dumpling");
-->
</script>
输出大家都懂的。。这个写法其实就是把函数名字写到前面来了而已。
既然证明了函数其实是一个object，那么当然它也有一些功能函数可以调用，比如toString()或者valueOf()函数可以打出完整，length可以返回函数的参数个数。
让我们试一下：
代码如下:
<script LANGUAGE="JavaScript">
<!--
var show=function(name){
document.write("Hello "+name);
}
show("Dumpling");
document.write("<br/>"+show.valueOf());
document.write("<br/> number of arguments: "+show.length);
-->
</script>
输出：
Hello Dumpling
function (name){ document.write("Hello "+name); }
number of arguments: 1
OK 第二篇就到这里吧~明天继续 (/^o^)/
相关推荐
-
javascript函数以及基础写法100多条实用整理
1.document.write("");为 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:document->html->(head,body) 4.一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,location,document) 5.得到表单中元素的名称和值:document.getElementById("表单中元素的ID号").name(或value) 6.一个小写转
-
Javascript基础教程之定义和调用函数
函数是一个可以随时运行的语句,简单说,函数是完成某个功能的一组语句,它接受0或者多个参数. 函数的基本语法如下 复制代码 代码如下: function functionName([arg0,arg1,......argN]){ statement [return[expression]] } 其中,function为自定义函数的关键字,functionName为函数名,arg表示传给函数的各种参数列表,各个参数之间使用逗号隔开.参数可以为空. statement为函数 本省,可以是各种合法的代码
-
JavaScript基础函数整理汇总
这里给大家整理汇总了一些javascript的基础函数,都是比较常用和实用的.整理出来也有助于大家更好的理解javascript. 复制代码 代码如下: <script type="text/javascript"> /*创建函数和字面量函数*/ /* function add(){ alert("函数创建成功") }; var testfunction=functi
-
JavaScript继承基础讲解(原型链、借用构造函数、混合模式、原型式继承、寄生式继承、寄生组合式继承)
说好的讲解JavaScript继承,可是迟迟到现在讲解.废话不多说,直接进入正题. 既然你想了解继承,证明你对JavaScript面向对象已经有一定的了解,如还有什么不理解的可以参考<面向对象JS基础讲解,工厂模式.构造函数模式.原型模式.混合模式.动态原型模式>,接下来讲一般通过那些方法完成JavaScript的继承. 原型链 JavaScript中实现继承最简单的方式就是使用原型链,将子类型的原型指向父类型的实例即可,即"子类型.prototype = new 父类型();&qu
-
javascript 基础篇3 类，回调函数，内置对象，事件处理
复制代码 代码如下: function 类名(参数表){ this.属性; ...... this.函数; } 这样,函数和数据成员都是用"this."来实现. 我们自己定义一个简单类student好了,然后再去构造它,并且实现一个输出函数. 复制代码 代码如下: <script LANGUAGE="JavaScript"> <!-- function student(a,b){ this.name = a; this.age=b; this.ou
-
Javascript基础 函数“重载” 详细介绍
Javascript不像其他编程语言一样具有函数签名(什么是函数签名,简单的说就是说函数的接受参数类型和参数个数,也有人认为返回类型也应该包括.具体概念大家可以到网上查询). 所以Javascript是不能像其他语言一样实现方法名相同,参数个数不同-的这类重载的,不信你可以试试: 复制代码 代码如下: function show(){ alert("1"); } function show(num1){ a
-
javascript时间函数基础介绍
javascript时间函数 javascript提供了Date对象来进行时间和日期的计算. Date对象有多种构造函数: new Date() //当前时间new Date(milliseconds) //距离起始时间1970年1月1日的毫秒数new Date(datestring) //字符串代表的日期与时间.此字符串可以使用Date.parse()转换,比如"Jannuary 1, 1998 20:13:15"new Date(year, month, day, hours, m
-
JavaScript Distilled 基础知识与函数
一.运算符 复制代码 代码如下: . [] () 属性存取及函数调用 delete new typeof + - ! 一元运算符 * / % 乘法,除法,取模 + - 加法/连接,减法 >= <= > < 不等式运算符 === !== 等式运算符 && 逻辑与 || 逻辑或 ?: 三元运算符 二.语句: 1.if语句 复制代码 代码如下: var dayOfWeek=0; if(day===6){ } else if(dayOfWeek===0){ } else{
-
Javascript基础教程之函数对象和属性
包含在对象里的数据可以通过两种方式来访问 既属性的对象(property)和方法(method) 属性是隶属于某个特定对象的变量,方法则是某个特定对象才能调运的函数. 对象是由一些彼此相关的属性和方法集合在一起的一个数据实体.javacript中,属性和方法对使用"点"的语法来访问. 复制代码 代码如下: Object.proprty Object.method() 假设一个汽车Car有品牌band,颜色color属性,可以通过以下办法来访问这些属性 复制代码 代码如下: Car.ba
-
javascript 基础篇2 数据类型，语句，函数
写内容之前废话一句:因为旧版有些浏览器不支持javascript脚本,遇到script结点,当做普通内容输出了,所以有时候为了让版本兼容,会在script结点里的内容写上注释符号,这样的话在旧版里虽然程序会失效,但是不会出现我们的代码,类似于这样(请忽略括号以及括号里的东西): 复制代码 代码如下: <script type="text/javascript"> <!-- (注意,这里必须换行) xxxxxx; --> (这一行也不可以写东西.) </sc
-
JavaScript基础篇（6）之函数表达式闭包
其实js支持函数闭包的主要原因是因为js需要函数能够保存数据.这里的保存数据是只函数在运行结束以后函数内变量的值也会进行保存.至于为什么js需要在函数内可以保存数据,那就是js是一种函数式语言.在函数内保存数据是函数式语言的一大特征. 回顾前面介绍过的三种定义函数方式 functiosu(numnumreturnunum//函数声明语法定义 vasufunction(numnum)returnunum}//函数表达式定义 vasuneFunction("num""num&qu
-
JavaScript基础语法与数据类型介绍
目录 一.JavaScript语法 1.区分大小写 2.标识符 3.注释 4.变量 二.JavaScript的数据类型 1.Undefined类型 2.Null类型 3.Boolean类型 4.Number 5.String类型 6.Object类型 三.typeof操作符 一.JavaScript语法 1.区分大小写 ECMAScript中的一切,包括变量.函数名和操作符都是区分大小写的.例如:text和Text表示两种不同的变量. 2.标识符 所谓标识符,就是指变量.函数.属性的名字,或者函
-
JavaScript 基础篇（一）
JavaScript 基础篇(一) 基础篇 Javascript:一.数据类型和值 javascript:允许使用3种基本类型数据--------数字.字符串.布尔值,此外还支持两种小数据类型null(空)和undefine(未定义). javascript:还支持符合数据类型-对象(object),javascript中对象分两种,一种对象表示的已命名的值的无序集合,另一种表示有 编号的值的有序集合.其实有序集合就是数组(Array). javascript:还定义了另一种特殊对象----函数
-
JavaScript基础篇（3)之Object、Function等引用类型
阅读目录 Object类型 1.通过构造函数来创建 2.通过字面量表示法来创建对象 Array类型 同样Array也有两种创建方式: 如果我们想要打印数组中所有的值,直接打印数组的变量名就可以: 往数组添值: 栈方法.队列方法: 关于数组的排序: 数组的一些操作方法: 查找位置方法 迭代方法 归并方法 Date类型 RegExp类型 Function类型 三种表示法: 方法重载 函数内部属性(arguments 和 this) 基本包装类型 浏览器的内置对象 URI 编码方法 总结 我们在<
-
Javascript基础知识盲点总结之函数
函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块.本文重点给大家介绍js基础知识盲点总结之函数. 一.函数中的arguments对象 每个函数内部都有一个arguments,它能返回函数所接受的所有参数 注意:argumens接收的是实参 如下是利一个利用arguments特性编写的求和函数: function sumOnSteroids(){ var I, res = 0; var number_of_params = arguments.length; for(I = 0; I <
-
JavaScript 基础篇之运算符、语句（二）
javascript:运算符 其实运算符大家要是有计算机语言基础应该都知道,可能甚至比我还精通,这样我就不多解释了,就来说说其它几个生疏的吧! 1.in 运算符:in运算符要求其左边的运算数是一个字符串,或可以被转换为字符串,右边的运算数是一个数组或者对象,如果左边的值是右边的对象的一个属性,它返回true. 复制代码 代码如下: var objvalue = {x:1,y:7}; document.write("x is in objvalue:" + ("x"
-
带领大家学习javascript基础篇(一)之基本概念
学习目录 一.数据类型 数据类型 二.操作符 递增和递减操作符: 位操作符: 布尔操作符: 加性操作符: 相等操作符 三.语句 for-in语句 label语句 一.数据类型 数据类型 基本数据类型(五种) Undefined Null Boolean Number String 复杂数据类型(一种) Object Undefined:只有一个值undefined(定义了没有赋值). 例: var str;alert(str);//undefined 注意:如果没有用var申明,直接使用会报异常
-
Javascript基础教程之数据类型 （字符串 String）
一.字符串 复制代码 代码如下: var language = "javascript"; var language = 'javascript'; 字符串可以使用双引号和单引号,根据个人爱好而定. 字符串具有length属性,可以返回变量中字符串的个数. 复制代码 代码如下: var test1 = "teacher" ; document.write(test1.length); //输出test1的字符串个数:7 反之,想获取指定位置的字符,可以使用c