30.1 javaScript特点、组成部分、使用方式、注释、变量、数据类型、运算符（一元、算数、赋值、比较、逻辑、三元运算符）、流程控制语句

最新推荐文章于 2023-08-21 20:54:07 发布

birdlun

最新推荐文章于 2023-08-21 20:54:07 发布

阅读量348

点赞数

分类专栏： 02 javaee

本文链接：https://blog.csdn.net/Birdmotianlun/article/details/109386933

版权

02 javaee 专栏收录该内容

62 篇文章 1 订阅

订阅专栏

3.4.1 原始数据类型(基本数据类型)：

1 javaScript是什么？

javaScript是网景公司开发的一种基于客户端浏览器、基于面向对象、事件驱动式的网页脚本语言，可以来增强用户和html页面的交互过程，可以来控制html元素，让页面有一些动态的效果，增强用户的体验。

注：javaScript（脚本语言）与java语言（编译语言）没有任何关系，也不是一个公司开发的

2 JavaScript特点

1 解释性脚本编写语言。2 基于对象的脚本编程语言3 简单性。4 安全性。5 动态性。6 跨平台。

主要体现在：交互式操作、表单验证、网页特效、web游戏、客户端脚本语言

HTML：它是整个网站的骨架。
CSS：它是对整个网站骨架的内容进行美化(修饰)
Javascript：它能够让整个页面具有动态效果。

3 JavaScript组成部分

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)

ECMAScript:它是整个 javascript 的核心，包含(基本语法、变量、关键字、保留字、数据类型、语句、函数等等)
DOM：文档对象模型，包含(整个 html 页面的内容)、
BOM：浏览器对象模型,包含(整个浏览器相关内容)

3 ECMAScript使用方式

3.1 与html结合方式

方式1：内部js;

<head>
    <meta charset="UTF-8">
    <title>1-js与html结合的方式</title>
<!--    1 内部js-->
    <script>
        alert("hello world");
    </script>-->
</head>
<body>
    <input type="text" name="username" id="usernmae">
</body>
</html>

方式2：外部js

创建a.js文件
alert("你好");

<head>
    <meta charset="UTF-8">
    <title>1-js与html结合的方式</title>
<!--    2 外部js-->
    <script src="./js/a.js"></script>
</head>
<body>
    <input type="text" name="username" id="usernmae">
</body>

3.2 注释

注释必须写在<script>标签中

单行注释：//注释内容
多行注释：/*注释内容*/

    <script>
        //单行注释
        /*
        多行注释
         */
    </script>

3.3 变量

变量：一小块存储数据的内存空间。语法：var 变量名 = 初始化值;

typeof运算符：获取变量的类型。注：null运算后得到的是object

Java语言是强类型语言，而JavaScript是弱类型语言。

强类型：在开辟变量存储空间时，定义了空间将来存储的数据的数据类型。只能存储固定类型的数据
弱类型：在开辟变量存储空间时，不定义空间将来的存储数据类型，可以存放任意类型的数据。

<head>
    <meta charset="UTF-8">
    <title>3 js变量</title>  
  <script >
        // 1 定义变量
        var a=3;
        alert(a);
        var a="abc";
        alert(a);
        var obj=null;
        document.write(obj+"&nbsp;-&nbsp;数据类型是："+typeof obj+"<br>");
    </script>
</head>

3.4 数据类型

3.4.1 原始数据类型(基本数据类型)：

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

列：

<head>
    <meta charset="UTF-8">
    <title>3 js变量</title>
    <script >
        //2 定义number数据类型
        var num=1;
        var num2=1.1;
        var num3=NaN;
        document.write(num+"&nbsp;-&nbsp;数据类型是："+typeof(num)+"<br>");//输出到页面
        document.write(num2+"&nbsp;-&nbsp;数据类型是："+typeof (num2)+"<br>");
        document.write(num3+"&nbsp;-&nbsp;数据类型是："+typeof (num3)+"<hr>");
        //3 定义string数据类型
        var str="abc";
        var str1='efg';
        document.write(str+"&nbsp;-&nbsp;数据类型是："+typeof str+"<br>");
        document.write(str1+"&nbsp;-&nbsp;数据类型是："+typeof  str1+"<hr>");
        //4 定义boolean类型数据
        var flag=true;
        document.write(flag+"&nbsp;-&nbsp;数据类型是："+typeof flag+"<hr>");
        //5 定义null类型的数据
        var obj=null;
        document.write(obj+"&nbsp;-&nbsp;数据类型是："+typeof obj+"<br>");
        //6 定义undefined类型的数据
        var obj1=undefined;
        var obj2;//果一个变量没有给初始化值，则会被默认赋值为undefined
        document.write(obj1+"&nbsp;-&nbsp;数据类型是："+typeof obj1+"<br>");
        document.write(obj2+"&nbsp;-&nbsp;数据类型是："+typeof obj2+"<hr>");
    </script>
</head>

4 运算符

运算符有6种：一元运算符、算数运算符、赋值运算符、比较运算、符逻辑运算符、三元运算符

4.1 一元运算符

一元运算符：只有一个运算数的运算符。共有四种（ ++，-- ， +(正号)， -（负号））

<script>
   //1 ++ --: 自增(自减)    ++(--) 在前，先自增(自减)，再运算      ++(--) 在后，先运算，再自增(自减)
    var num=3;
    var a=++num;//++(--) 在前，先自增(自减)，再运算
    document.write(a+"&nbsp;-&nbsp;"+num+"<br>")
    var num1=3;
    var aa=num1++;//++(--) 在后，先运算，再自增(自减)
    document.write(aa+"&nbsp;-&nbsp;"+num+"<br>")

    //2 +(-)：正负号  在JS中，如果运算数不是运算符所要求的类型，那么js引擎会自动的将运算数进行类型转换
    var b=+"123adc";  //string转number：按照字面值转换。如果字面值不是数字，则转为NaN（不是数字的数字）
    document.write(b+"&nbsp;-&nbsp;"+typeof b+"<br>")

    var flag=+true;//boolean转number：true转为1，false转为0*/
    var f=+false;
    document.write(flag+"&nbsp;-&nbsp;"+typeof flag+"<br>")
    document.write(f+"&nbsp;-&nbsp;"+typeof f+"<br>")
</script>

4.2 算数运算符

算数运算符有：+ - * / %

<head>
    <meta charset="UTF-8">
    <title>6 算数运算符</title>
    <script>
        var a=3;
        var b=4;
        document.write(a+b+"<br>")
        document.write(a-b+"<br>")
        document.write(a/b+"<br>")
        document.write(a*b+"<br>")
    </script>
</head>