对于Javascript的而言没有数据类型的全部都是通过var来定义创建的。比如:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>javascript基础语法</title>
<script type="text/javascript">
var a = 1;
a="1";
alert(a);
</script>
</head>
<body> </body>
</html>

变量的作用域,如果你直接写在script这个标签中他的作用域就是整个页面,变量还可以定义在方法中,在这个方法中他的作用域就是这个方法的调用的开始到结束,在JavaScript中定义方法是通过function来定义方法的比如:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>javascript基础语法</title>
<script type="text/javascript">
var a = 1;
a="1";
alert(a); function method1(){
var b = "2";
alert(b);
}
</script>
</head>
<body> </body>
</html>

如果你想在一个方法中调用另一个方法中定义的变量这个是会报错的(ReferenceError: b is not defined),因为JavaScript是一种动态的语言,它是一行一行解析的。

比如:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>javascript基础语法</title>
<script type="text/javascript">
var a = 1;
a="1";
alert(a); function method1(){
var b = "2";
alert(b);
}
function method2(){
var c = "3";
alert(c);
alert(b);
}
</script>
</head>
<body> </body>
</html>

好了,这就是变量的作用域和如何定义变量,但是你直接运行上述的代码是没有效果的,因为我们定义的方法还没有被调用,比如:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>javascript基础语法</title>
<script type="text/javascript">
var a = 1;
a="1";
alert(a); function method1(){
var b = "2";
alert(b);
}
function method2(){
var c = "3";
alert(c);
alert(b);
}
</script>
</head>
<body>
<input type="button" value="运行method1" onclick="method1()"/>
<input type="button" value="运行method2" onclick="method2()"/>
</body>
</html>

补充一点就是:当在函数的内部没有使用var来声明变量的时候,这个变量会作为全局变量来声明,所以一定要在函数中使用var 来声明一个变量,不然到最后会出现莫名其妙的错误。比如:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>javascript基础语法</title>
<script type="text/javascript">
// var a = 1;
// a="1";
// alert(a); // function method1(){
//
// alert(b);
// }
function method2(){
b = "2"; alert(b);
}
function method3(){
alert(b);
}
</script>
</head>
<body>
<input type="button" value="运行method1" onclick="method1()"/>
<input type="button" value="运行method2" onclick="method2()"/>
<input type="button" value="运行method3" onclick="method3()"/>
</body>
</html>

下面介绍一下JavaScript中变量的类型,以及强制类型的转换等问题:比如

变量的类型有Number,String,Array,Date常用的类型。当你定义一个变量的时候想看这个变量是什么类型就用关键字(typeof 变量名字)。Java强制类型的转换(Number)a,然而在js中是通过Number(a).如果强制转换一个非数字的值为Number时候会得到一个NaN的值,转换成整数的时候还可以用parseInt(a),这个函数就是可以将字符串开头的的几个数字转换成int,如果开头的不是数字,那就得到一个NaN的值。比如:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>javascript基础语法</title>
<script type="text/javascript"> var a = "a";
//alert(typeof a);
a = "11";
alert(Number(a)+1);
var b = "b";
alert(Number(b)); var c = "123c";
alert(parseInt(c));
var d = "d123";
alert(parseInt(d)) </script>
</head>
<body>
<input type="button" value="运行method1" onclick="method1()"/>
<input type="button" value="运行method2" onclick="method2()"/>
<input type="button" value="运行method3" onclick="method3()"/>
</body>
</html>

对于数组等对象而言显示的结果是object,而不是Array,我们可以通过array as instanceof Array来准确判断array是不是Array的实例如果是返回true,对于布尔类型:true和false中,在js中非0就是true,特别注意:NaN是false.当一个变量没有定义的值的时候他的类型是undefined类型,undefined类型是false比如:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>javascript基础语法</title>
<script type="text/javascript"> var array = ["a","b",1,2,3];
alert(typeof array); alert(array instanceof Array); var size;
alert(size+"1"); </script>
</head>
<body>
<input type="button" value="运行method1" onclick="method1()"/>
<input type="button" value="运行method2" onclick="method2()"/>
<input type="button" value="运行method3" onclick="method3()"/>
</body>
</html>

特别注意:在js中除了NaN,undedined,0其他的都是true.

JavaScript的基础语法的更多相关文章

  1. JavaScript编程:javaScript核心基础语法

    1.javaScript核心基础语法: javaScript技术体系包含了5个内容:          1.核心语言定义:          2.原生对象和雷子对象:          3.浏览器对象 ...

  2. JavaScript的基础语法,你真的了解吗?

    这篇文章是在我们熟悉了JS的基础语法后,很少有人去关注的一些细节部分.如果掌握了某些细节也许会对代码的改善有着非凡的作用.也许会使我们的代码更严谨,更高效. 1.if语句的条件 if条件中,括号里是布 ...

  3. JavaScript 正则表达式基础语法

    前言 正则表达式在人们的印象中可能是一堆无法理解的字符,但就是这些符号却实现了字符串的高效操作.通常的情况是,问题本身并不复杂,但没有正则表达式就成了大问题.javascript中的正则表达式作为相当 ...

  4. JavaScript数据类型 —— 基础语法(2)

    JavaScript基础语法(2) 数据类型 js中有六种数据类型,包括五种基本数据类型(Number,String,Boolean,Undefined,Null),和一种复杂数据类型(Object) ...

  5. JavaScript的基础语法及DOM元素和事件

    一,JavaScript是什么? 1,JavaScript简称:js,是一种浏览器解释型语言,嵌套在HTML文件中交给浏览器解释执行.主要用来实现网页的动态效果,用户交互及前后端的数据传输等. 2,J ...

  6. JavaScript之基础语法

    第一章 javascript语法 一, js代码的引入 方式一:在html页写js代码 <script> alert('hello,world') </script> 方式二: ...

  7. 1.JavaScript 教程:基础语法

    简介: JavaScript web 开发人员必须学习的 3 门语言中的一门: HTML 定义了网页的内容 CSS 描述了网页的布局 JavaScript 网页的行为 用法: (1)HTML 中的脚本 ...

  8. JavaScript核心基础语法

    1 什么是JavaScript? 是一种嵌入在网页中的程序段. 是一种解释型语言,被浏览器解释执行. 由Netscape发明,ECMA(欧洲计算机制造商协会)将其标准化. JavaScript借用了J ...

  9. JavaScript面向对象基础语法总结

    1.Javascript的 对象(Object): //例子:var car = { , , }; 2.使用构造函数来创建对象. //例子: var Car = function() { ; ; ; ...

随机推荐

  1. /etc/logrotate.conf

    /etc/logrotate.conf 是 Logrotate 工具的一个配置文件,这个工具用来自动切割系统日志,Logrotate 是基于 cron 来运行的,如下: [root@localhost ...

  2. 【整理】Virtualbox中的网络类型(NAT,桥接等),网卡,IP地址等方面的设置

    之前是把相关的内容,放到: [已解决]实现VirtualBox中的(Guest OS)Mac和主机(Host OS)Win7之间的文件和文件夹共享 中的,现在把关于网络配置方面内容,单独提取出来,专门 ...

  3. [黑金原创教程] FPGA那些事儿《数学篇》- CORDIC 算法

    简介 一本为完善<设计篇>的书,教你CORDIC算法以及定点数等,内容请看目录. 贴士 这本教程难度略高,请先用<时序篇>垫底. 目录 Experiment 01:认识CORD ...

  4. shell用curl抓取页面乱码,参考一下2方面(转)

    1.是用curl抓取的数据是用类似gzip压缩后的数据导致的乱码.乱码:curl www.1ting.com |more乱码:curl -H "Accept-Encoding: gzip&q ...

  5. 结合Ajax做地区内容切换!(城市切换)

    实现原理:点击,进行异步保存Cookie , 根据保存的Cookie来切换城市内容: 简单HTML示例: <!doctype html> <html> <head> ...

  6. Mahout实现的算法

    在Mahout实现的机器学习算法见下表 算法类 算法名 中文名 分类算法 Logistic Regression 逻辑回归 Bayesian 贝叶斯 SVM 支持向量机 Perceptron 感知器算 ...

  7. GROUPING SETS与GROUP_ID

    SELECT E.DEPARTMENT_ID DID, E.JOB_ID JOB, E.MANAGER_ID MID, SUM(E.SALARY) SUM_SAL, COUNT(E.EMPLOYEE_ ...

  8. 二进制状态压缩dp(旅行商TSP)POJ3311

    http://poj.org/problem?id=3311 Hie with the Pie Time Limit: 2000MS   Memory Limit: 65536K Total Subm ...

  9. 树链剖分-点的分治(链的点的个数为k的点对数)

    hdu4760 Cube number on a tree Time Limit: 20000/10000 MS (Java/Others)    Memory Limit: 65535/65535 ...

  10. javaWeb项目springMVC框架下利用ITextpdf 工具打印PDF文件的方法(打印表单、插入图片)

    方法一:打印PDF表单以及在PDF中加入图片 需要的资料: jar包:iTextAsian.jar ,itext-2.1.7.jar: 源码: public static void main(Stri ...