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

  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="utf-8" />
  5.         <title>javascript基础语法</title>
  6.         <script type="text/javascript">
  7.             var a = 1;
  8.             a="1";
  9.             alert(a);
  10.         </script>
  11.     </head>
  12.     <body>
  13.  
  14.     </body>
  15. </html>

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

  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="utf-8" />
  5.         <title>javascript基础语法</title>
  6.         <script type="text/javascript">
  7.             var a = 1;
  8.             a="1";
  9.             alert(a);
  10.  
  11.             function method1(){
  12.                 var b = "2";
  13.                 alert(b);
  14.             }
  15.         </script>
  16.     </head>
  17.     <body>
  18.  
  19.     </body>
  20. </html>

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

比如：

  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="utf-8" />
  5.         <title>javascript基础语法</title>
  6.         <script type="text/javascript">
  7.             var a = 1;
  8.             a="1";
  9.             alert(a);
  10.  
  11.             function method1(){
  12.                 var b = "2";
  13.                 alert(b);
  14.             }
  15.             function method2(){
  16.                 var c = "3";
  17.                 alert(c);
  18.                 alert(b);
  19.             }
  20.         </script>
  21.     </head>
  22.     <body>
  23.  
  24.     </body>
  25. </html>

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

  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="utf-8" />
  5.         <title>javascript基础语法</title>
  6.         <script type="text/javascript">
  7.             var a = 1;
  8.             a="1";
  9.             alert(a);
  10.  
  11.             function method1(){
  12.                 var b = "2";
  13.                 alert(b);
  14.             }
  15.             function method2(){
  16.                 var c = "3";
  17.                 alert(c);
  18.                 alert(b);
  19.             }
  20.         </script>
  21.     </head>
  22.     <body>
  23.         <input type="button" value="运行method1" onclick="method1()"/>
  24.         <input type="button" value="运行method2" onclick="method2()"/>
  25.     </body>
  26. </html>

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

  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="utf-8" />
  5.         <title>javascript基础语法</title>
  6.         <script type="text/javascript">
  7. //            var a = 1;
  8. //            a="1";
  9. //            alert(a);
  10.  
  11. //            function method1(){
  12. //
  13. //                alert(b);
  14. //            }
  15.             function method2(){
  16.                 b = "2";
  17.  
  18.                 alert(b);
  19.             }
  20.             function method3(){
  21.                 alert(b);
  22.             }
  23.         </script>
  24.     </head>
  25.     <body>
  26.         <input type="button" value="运行method1" onclick="method1()"/>
  27.         <input type="button" value="运行method2" onclick="method2()"/>
  28.         <input type="button" value="运行method3" onclick="method3()"/>
  29.     </body>
  30. </html>

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

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

  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="utf-8" />
  5.         <title>javascript基础语法</title>
  6.         <script type="text/javascript">
  7.  
  8.             var a = "a";
  9.             //alert(typeof a);
  10.             a = "11";
  11.             alert(Number(a)+1);
  12.             var b = "b";
  13.             alert(Number(b));
  14.  
  15.             var c = "123c";
  16.             alert(parseInt(c));
  17.             var d = "d123";
  18.             alert(parseInt(d))
  19.  
  20.         </script>
  21.     </head>
  22.     <body>
  23.         <input type="button" value="运行method1" onclick="method1()"/>
  24.         <input type="button" value="运行method2" onclick="method2()"/>
  25.         <input type="button" value="运行method3" onclick="method3()"/>
  26.     </body>
  27. </html>

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

  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="utf-8" />
  5.         <title>javascript基础语法</title>
  6.         <script type="text/javascript">
  7.  
  8.             var array = ["a","b",1,2,3];
  9.             alert(typeof array);
  10.  
  11.             alert(array instanceof Array);
  12.  
  13.             var size;
  14.             alert(size+"1");
  15.  
  16.         </script>
  17.     </head>
  18.     <body>
  19.         <input type="button" value="运行method1" onclick="method1()"/>
  20.         <input type="button" value="运行method2" onclick="method2()"/>
  21.         <input type="button" value="运行method3" onclick="method3()"/>
  22.     </body>
  23. </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. spring xml properties split with comma for list

    在注入spring bean 属性值的时候常常会用到list, 一般使用方式例如以下: <bean id="testBean" class="com.mytest. ...

  2. cocos2d 中使用jni C++ 调用 Java 方法

    1.简单数据类型样例 如果我们Java中有这么一个open的静态方法,它没有參数,有一个int的返回值.怎么在C++中调用它呢? package cb.CbCCBLE; public class Cb ...

  3. .Net WebAPI文档自动化

    1.在VS2015中右键选择工程: 2.点击NuGet程序包: 3.输入Swagger在线搜索: 4.安装:Swagger.Net.UI和Swashbuckle包: 5.打开SwaggerNet.cs ...

  4. details和summary标签

    用于文档说明,有自带收缩.展开功能 <!DOCTYPE HTML> <html> <body> <details> <summary>HTM ...

  5. 如何让IOS中的文本实现3D效果

    本转载至 http://bbs.aliyun.com/read/181991.html?spm=5176.7114037.1996646101.25.p0So7c&pos=9       zh ...

  6. web基础---->okhttp的使用

    今天我们就讲一下okhttp的使用,具体的okhttp使用可以参见官方的文档. okhttp的使用 一.okhttp的下载安装 Download the latest JAR or grab via ...

  7. css3-巧用选择器 “:target”

    今天(昨天)又发现一个知识盲区 css3的:target标签,之前学习的时候就是一眼扫过,说是认识了,但其实也就记了三分钟,合上书就全忘光了. 直到昨天,遇到一个有意思的题目,用css3新特性做一个类 ...

  8. 自动化测试---PageObjects快速入门(一)

    PageObject快速入门 介绍: Page Object是selenium的一种设计模式, 是在web自动化测试中将一个页面设备成一个class或基础库来实际的方法这种模式的好处有以下几点:1.让 ...

  9. dubbo有什么作用

    转自:http://blog.csdn.net/ichsonx/article/details/39008519 1. Dubbo是什么? Dubbo是一个分布式服务框架,致力于提供高性能和透明化的R ...

  10. Comparable 与 Comparator的区别

    Comparable & Comparator 都是用来实现集合中元素的比较.排序的,只是 Comparable 是在集合内部定义的方法实现的排序,Comparator 是在集合外部实现的排序 ...