JavaScript基础语法总结(一)

最新推荐文章于 2024-04-24 19:31:26 发布

allenjunyu

最新推荐文章于 2024-04-24 19:31:26 发布

阅读量1.1k

点赞数

分类专栏： Web前端

本文链接：https://blog.csdn.net/junyucsdn/article/details/50616270

版权

Web前端专栏收录该内容

4 篇文章 0 订阅

订阅专栏

JavaScript基础语法总结(一)

这篇文章，是简要总结一下动态脚本语言JavaScript的最基础语法，方便熟练快速的写前端一些程序。

1. 实验环境

实验环境是在Win7 64bit下，直接写html文件，采用Google Chrome进行html显示。

JS(JavaScript)直接写在html文件中，在网页中执行，由浏览器解释，html页面中嵌入执行JavaScript代码有两种方式：

使用javascript:前缀构建执行JavaScript代码的URL
使用<script.../>元素来包含JavaScript代码

两种方式的示例代码，写在HTML文件中如下：

<body>
    <a href="javascript:alert('点击运行JavaScript! ');">运行JavaScript</a>

    <script type="text/javascript">
            alert("直接运行JavaScript! ");
    </script>
</body>

其中，alert()函数是JavaScript弹出警告信息，直接以浏览器打开来查看运行结果。

JS中，要求所有语句都以分号(;)结束。

2. 变量和常量

JavaScript是弱类型脚本语言，支持两种方式引入变量：

隐式定义：直接给变量赋值
显示定义：使用var关键字定义变量

两种方式示例代码如下：

<body>
<script type="text/javascript">
    a="good";
    alert(a);
    var b="yeah";
    alert(b);
</script>
</body>

3. 数据类型

类似PHP和Python，JavaScript也是弱类型脚本语言，声明变量时无须指定变量的数据类型，都是解释时动态决定的，但JS的值保存在内存中时，也是有数据类型的。

数值类型

与C和Java不同，JS的数值不仅包括所有整型变量，也包括所有的浮点型变量。

例如：var a=100;

字符串类型

字符串可以用单引号或者双引号括起来均可，例如：

str0="go go go";
str1='roger that!';

JS中以String内建类来表示字符串，String类里包含了一系列方法操作字符串。

布尔类型

跟其他语言一样，布尔类型的值只有两个：true和false。

undefined和null

undefined类型的值只有一个undefined，用于表示某个变量不存在。

null表示变量的值为空。

注意：很多时候undefined和null本身就相等，即null==undefined将返回true，如果要精确区分null和undefined，应该考虑使用精确等于符(===)。

复合类型

复合类型由多个基本数据类型组成的数据体，有对象、数组、函数三种，这里暂不展开。

4. if、while、for语句

编程语言，有了不同的数据类型和变量，自然少不了各种顺序执行的if、while、for语句。JavaScript中的这类语句的语法和C语言中的基本完全一样，三类语句语法示例代码如下：

<body>
<script type="text/javascript">
        var x=100;
        if(x>0){
            alert("x is positive");
        }else{
            alert("x is not positive");
        }

        for(var i=0;i<3;++i){
            alert("in for loop, i="+i);
        }
        var j=1;
        while(j<=3){
            alert("in while loop, j="+j);
            j++;
        }
</script>
</body>

5. 函数

作为模块化的编程，函数必不可少，JS中已有很多功能丰富的内置函数，而自定义函数格式如下：

function 函数名(函数参数){
   //函数执行语句
}

这个格式跟PHP完全一样，所以参数列表也不需要数据类型声明。

函数返回使用return语句，可以返回任何类型，所以定义函数时并没有指定函数的返回类型。示例代码如下：

<body>
<script type="text/javascript">
    function convey_info(info){
        str="you said: "+info;  
        return str;
    }
    msg=convey_info("Good morning!");
    alert(msg);
</script>
</body