JavaScript入门教程前端入门教程

JavaScript基础语法

2021-07-05  本文已影响0人  微语博客

JavaScript简介

JavaScript是一门基于原型面向对象的语言,在JavaScript中,一切皆对象。JavaScript语法简单,容易学习。

JavaScript变量

所有的编程语言都有变量的概念,变量是用于操作和保存数据的载体,在JS中,变量也是对象。JS变量使用var关键字声明,JS拥有动态类型变量,声明变量的时候无需指定变量类型。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        var string = "Hello World";//声明变量并赋值
        document.writeln(string);//输出变量到页面
        string = "Hello Everybody";//更改变量值
        document.writeln(string);
        var num = 1;//数字变量
        console.log(num);//控制台打印
    </script>
</body>
</html>

JS变量使用var关键字声明,JS变量为动态变量,不同数据类型可通用。变量分为变量名和值,值一般可变,可通过变量名访问值,未赋值的变量为undefined.

JavaScript语句和代码块

JS使用分号区分语句,大部分情况下省略分号并不会对代码有影响,但是在代码合并的时候,部分代码会出现报错。建议初学者严格按照语法要求使用分号。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        var string = "Hello World";//语句用分号结束
        var num = 1;
        function myFunction() {
            document.writeln(string);//多个语句组成代码块
            document.writeln(num);
        }
        myFunction();
    </script>
</body>
</html>

JS语句使用分号结束,代码块使用大括号包裹。

JavaScript注释

注释属于代码的一部分,但是注释不会被执行,注释用于说明代码功能和调试用途,常写注释是一种良好的编程习惯。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        var string = "Hello World";//注释的内容会被忽略
        //document.writeln(string);
        string = "Hello Everybody";
        document.writeln(string);
        /*var num = 1;
        console.log(num);*/
        //注释多行语句
    </script>
</body>
</html>

JS使用双斜杠 // 注释单行内容,双斜杠包裹星号 /* */注释多行内容。注释用于解释说明,被注释的代码会忽略不执行。

上一篇下一篇

猜你喜欢

热点阅读