JavaScript基本语法

Posted 2022-10-15 weiyiming007

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JavaScript基本语法相关的知识，希望对你有一定的参考价值。

一、JavaScript简介

* 概念：    一门客户端脚本语言
    * 运行在客户端浏览器中的。每一个浏览器都有javascript的解析引擎
    * 脚本语言：不需要编译，直接就可以被浏览器解析执行了

* 功能：
    * 可以来增强用户和html页面的交互过程，可以来控制html元素，让页面有一些动态的效果，增强用户的体验。

* JavaScript发展史：
    1. 1992年，Nombase公司，开发出第一门客户端脚本语言，专门用于表单的校验。命名为 ： C--    ，后来更名为：ScriptEase
    2. 1995年，Netscape(网景)公司，开发了一门客户端脚本语言：LiveScript。后来，请来SUN公司的专家，修改LiveScript，命名为JavaScript
    3. 1996年，微软抄袭JavaScript开发出JScript语言
    4. 1997年，ECMA(欧洲计算机制造商协会)，制定出客户端脚本语言的标准：ECMAScript，就是统一了所有客户端脚本语言的编码方式。

    * JavaScript = ECMAScript + JavaScript自己特有的东西(BOM+DOM)

二、JS与HTML结合

1. 基本语法：
  1. 与html结合方式
      1. 内部JS：
          * 定义<script>，标签体内容就是js代码
      2. 外部JS：
          * 定义<script>，通过src属性引入外部的js文件

      * 注意：
          1. <script>可以定义在html页面的任何地方。但是定义的位置会影响执行顺序。
          2. <script>可以定义多个。



<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    /*内部js*/
    <script>
        alert("hello word1");
    </script>

    /*外部js*/
    <script src="js/a.js"></script>
</head>
<body>
    <input type="text">
</body>
</html>

注释：

1. 单行注释：//注释内容

2. 多行注释：/*注释内容*/

三、数据类型

数据类型：
    1. 原始数据类型(基本数据类型)：
        1. number：数字。 整数/小数/NaN(not a number 一个不是数字的数字类型)
        2. string：字符串。 字符串  "abc" "a" ‘abc‘
        3. boolean: true和false
        4. null：一个对象为空的占位符
        5. undefined：未定义。如果一个变量没有给初始化值，则会被默认赋值为undefined
        
    2. 引用数据类型：对象

四、变量

变量
    * 变量：一小块存储数据的内存空间
    * Java语言是强类型语言，而JavaScript是弱类型语言。
        * 强类型：在开辟变量存储空间时，定义了空间将来存储的数据的数据类型。只能存储固定类型的数据
        * 弱类型：在开辟变量存储空间时，不定义空间将来的存储数据类型，可以存放任意类型的数据。
    * 语法：
        * var 变量名 = 初始化值;
    
    * typeof运算符：获取变量的类型。
        * 注：null运算后得到的是object


---------------------------------------------------------------
定义变量：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>变量</title>

    <script>
        /*定义变量*/

        //定义number类型的变量
        var num = 1;
        var num2 = 1.2;
        var num3 = NaN;
        //输出到页面上
        document.write(num + "<br>");
        document.write(num2 + "<br>");
        document.write(num3 + "<br>");

        //定义string变量
        var str = "abc";
        var str2 = "cdf";
        document.write(str + "<br>")
        document.write(str2 + "<br>")

        //定义boolean变量
        var flag = true;
        document.write(flag + "<br>")

        //定义null，undefind
        var obj = null;
        var obj2 = undefined;
        var obj3;
        document.write(obj + "<br>")
        document.write(obj2 + "<br>")
        document.write(obj3 + "<br>")

    </script>
</head>
<body>

</body>
</html>

typeof:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>变量</title>

    <script>
        /*定义变量*/

        //定义number类型的变量
        var num = 1;
        var num2 = 1.2;
        var num3 = NaN;
        //输出到页面上
        document.write(num + "-->" + typeof(num) +"<br>");
        document.write(num2 + "-->" + typeof(num2) + "<br>");
        document.write(num3 + "-->" + typeof(num3) + "<br>");

        //定义string变量
        var str = "abc";
        var str2 = "cdf";
        document.write(str + "-->" + typeof(str) + "<br>");
        document.write(str2 + "-->" + typeof(str2) + "<br>");

        //定义boolean变量
        var flag = true;
        document.write(flag + "-->" + typeof(flag) + "<br>");

        //定义null，undefind
        var obj = null;
        var obj2 = undefined;
        var obj3;
        document.write(obj + "-->" + typeof(obj) + "<br>");  //object类型
        document.write(obj2 + "-->" + typeof(obj2) + "<br>");
        document.write(obj3 + "-->" + typeof(obj3) + "<br>");

    </script>
</head>
<body>

</body>
</html>

以上是关于JavaScript基本语法的主要内容，如果未能解决你的问题，请参考以下文章

javascript的基本语法数据结构

JavaScript的基本语法

javascript基本语法