JavaScript的基础语法

对于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.

时间: 2024-11-08 05:08:24

JavaScript的基础语法的相关文章

JavaScript:基础语法

JavaScript:基础语法 注释 JavaScript的语法和Java语言类似,每个语句以;结束,语句块用{...}.但是,JavaScript并不强制要求在每个语句的结尾加;浏览器中负责执行JavaScript代码的引擎会自动在每个语句的结尾补上;.JavaScript严格区分大小写,如果弄错了大小写,程序将报错或者运行不正常. 注释: // 这是一行注释 alert('love qinjiang'); // 这也是注释 /* 从这里开始是块注释 仍然是注释 仍然是注释 注释结束 */ 变

JavaScript核心基础语法

一. javascript 添加到 html 中的方式: 1. 外部方式:   将<script>内容代码</script>写在一个新建的javascript的文件中,然后在html文件中引入,引入方式是在head中添加:   <script type="text/javascript" src="javascript的文件路径"></script> 2. 内联方式:   将javascript脚本代码包含在html事

javascript基础语法——词法结构

× 目录 [1]java [2]定义 [3]大小写[4]保留字[5]注释[6]空白[7]分号 前面的话 javascript是一门简单的语言,也是一门复杂的语言.说它简单,是因为学会使用它只需片刻功夫:而说它复杂,是因为要真正掌握它则需要数年时间.实际上,前端工程师很大程度上就是指javascript工程师.前端入门容易精通难,说的是前端,更指的是javascript.本文是javascript基础语法的第一篇——词法结构 与java关系 关于javascript有这样一个说法,java和jav

Unit04: JavaScript 概述 、 JavaScript 基础语法 、 流程控制

Unit04: JavaScript 概述 . JavaScript 基础语法 . 流程控制 my.js function f3() { alert("唐胜伟"); } demo1.html  演示点击按钮,弹出提示框 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <

javascript中的基础语法

<!DOCTYPE html> <html> <head> <title>javascript基础语法</title> <meta charset="utf-8"> <script type="text/javascript"> //对于js而言,是没有数据类型的,全部是var来完成变量的创建的 var a = 19; alert(a); a = "樊西蕊"; a

【JavaScript】02.基础语法学习

[JavaScript]02.基础语法学习 引言: 老农认为(老农是我对自己的昵称),学习任何一门计算机程序语言都要先从它的语法知识开始.计算机程序语言由一堆预定义的字符和书写这些字符的规则组成.这些预定义的字符在语言里面叫做关键字或者保留字,书写这些字符的规则叫做语法. 计算机语言(Computer Lnguage),是指用于人与计算机之间通讯的语言.语言分为自然语言与人工语言两大类.自然语言是人类在自身发展的过程中形成的语言,是人与人之间传递信息的媒介.人工语言指的是人们为了某种目的而自行设

javascript中正则表达式的基础语法

× 目录 [1]定义[2]特点[3]元字符[4]转义字符[5]字符组[6]量词[7]括号[8]选择[9]断言[10]模式[11]优先级[12]局限性 前面的话 正则表达式在人们的印象中可能是一堆无法理解的字符,但就是这些符号却实现了字符串的高效操作.通常的情况是,问题本身并不复杂,但没有正则表达式就成了大问题.javascript中的正则表达式作为相当重要的知识,本文将介绍正则表达式的基础语法 定义 正则表达式(Regular Expression)是一门简单语言的语法规范,是强大.便捷.高效的

JavaScript之基础-1 JavaScript(概述、基础语法)

一.JavaScript 概述 JavaScript 概念 - JavaScript 是一种运行于 JavaScript解释器/引擎中的解释型脚本语言 - JavaScript 解释器作为JS脚本的运行环境,有如下两种呈现方式 - 独立安装的 JavaScript 解释器; - 嵌入在浏览器内核中的 JavaScript 解释器; - 目前 PC .平板.手机.机顶盒中安装的主要浏览器全部支持JavaScript JavaScript 发展史 - 1992年,Nombas公司为自己的CEnvi软

javascript基础语法-数据类型

二 javascript基础语法 (一)JavaScript 数据类型 ***************************************************************** 不同的编程语言往往有不同的数据分类,与C和Java等面向对象语言不同的是,JavaScript变量不需要明确的数据类型声明,在第一次对变量赋值的时候会根据数据值自动确定数据类型.这也是JavaScript简单易用的原因之一,作为初学者往往会在变量类型的转换上遇到问题,JavaScript就简化了