首页 > 编程语言 >day08 --> (Javascript)

day08 --> (Javascript)

时间:2022-10-02 23:45:15浏览次数:48  
标签:day08 定义 -- Javascript NaN 运算符 类型 var

JavaScript:

概念:是一门客户端脚本语言。

运行在客户端浏览器中,每一个浏览器都有JavaScript的解析引擎

脚本语言:不需要编译、直接就可以被浏览器解析执行。

功能:

 可以来增强用户和HTML页面的交互过程,可以控制HTML元素,让页面有一些动态的效果,从而提高用户的体验。

了解JavaScript发展史:

1、1992年,Nombase公司,开发出第一门客户端脚本语言,专门用于表单的校验。命名为 C--,后来更名为:ScriptEase

2、1995年,Netscape(网景公司),开发浏览器的,借鉴了C--的思想,开发了一门客户端脚本语言:LiveScript。同年Java语言JDK1.0版本发布,后来网景公司请SUN公司的专家,修改LiveScript,命名为JavaScript,想借Java火起来的东风也火起来。

3、1996年,微软抄袭了JavaScript开发出了JScript语言,搭载到IE浏览器上

4、1997年,ECMA(欧洲计算机制造商协会),ECMAScript,就是所有客户端脚本语言的标准

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

ECMAScript:客户端脚本语言

1、基本语法:

1.与HTML结合方式:

1.内部的JS

定义<script>,标签内容就是JS代码

2.外部的JS

定义<script>,通过src属性引入外部的JS文件

注意:

1、<script>可以定义在html页面的任何地方,但是定义的位置会影响执行效率

2、<script>可以定义多个

2.注释

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

2.多行注释:/**/

3.数据类型:

1.原始数据类型(基本数据类型)

1.number:数字。整数/小数NaN(not a number 一个不是数字的数字类型)

2.boolean :true、false

3.null :一个对象为空的占位符

4.undefined:未定义。如果一个变量没有给初始化值,则会被默认赋值为undefined

5.string:字符串。字符/字符串 "abc"、 "a" 、"acb" 

2.应用数据类型:对象

4.变量

变量:一小块存储数据的内存空间

Java语言是强类型语言,而JavaScript是弱类型语言

强类型:在开辟变量存储空间时,定义了空间来存储的数据的数据类型。只能存储固定类型的数据

弱类型:在开辟变量存储空间时,不定义空间将来的存储数据类型,可以存放任意类型的数据。

语法:

var 变量名 = 初始化值; (可以定义任意值)

5.运算符

typeof(value) : value的数据类型

注意:null运算符得到的时object

1、一元运算符:只有一个运算数的运算符

++、--、+(value)、-(value)

正负号:如果运算数不是运算符所要求的类型,那么js引擎会自动地将运算数进行类型转换

其他类型转number:

1、string 转 number :按照字面值转换,如果字面值不能直接转为数字("abc123","123abc"),则转为NaN(不是数字的数字,类型仍为number)

2、boolean 转 number :true转为1,false转为0.

2、算数运算符:

+、-、*、/ ...

3、赋值运算符:

= 、+=、-=...

4、比较运算符:

>、<、>=、<=、==、===【全等于】

比较方式:

1、类型相同:直接比较

2、类型不同,先进行类型转换,再比较

字符串:按照字符顺序(ASCII码),按位比较,直到得出大小为止

===:在比较之前,先判断类型,如果类型不一样,则直接返回false

5、逻辑运算符:

&&、||、!

!:其它类型转boolean : 

1、number : 0 或 NaN为假,其它为真

2、string:除了空串,其它的都为true

3、null & undefined : 均为false

4、对象:均为true(因为对象非空)

6、三元运算符(简化版if...else):

? : 表达式

语法: 表达式 ? 值1 : 值2

判断表达式的值,如果是true则取值1,false则取值2

7、特殊语法:

1.语句以分号结尾,如果一行只有一条语句则分号可以省略(不建议省略)

2.变量的定义使用var关键字,也可以不使用:

用:定义的变量是局部变量

不用:定义的变量是全局变量(不建议)

8、小练习,九九乘法表:

效果图:

代码实现:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>九九乘法表</title>

    <style>
        td{
        border: 1px solid;
        }
    </style>

    <script type="text/javascript">
        document.write("<table align='center'>");
            for (var i = 1; i <= 9; i++){
            document.write("<tr>")
                for(var j = 1; j <= i; j++){
                document.write("<td>");
                    document.write(i + "*" + j + "=" + i*j + "&nbsp;&nbsp;&nbsp;");
                 document.write("</td>");
                }
                document.write("</tr>");
            }
        document.write("</table>");
    </script>
</head>
<body>
</body>
</html>

 

 

 

 

6.流程控制语句

1、if ... else ...

2、switch:

在Java中,switch语句可以接收的数据类型:byte、  int  、short  、char  、枚举  、String

在JS中,switch可以接收任意的数据类型

3、while

4、do...while

5、for

 

2、基本对象

Function :

1、创建方式(1):var fun = new Function(形参列表,方法体); 

eg : var fun = new Function("a","b","alert(a)");  【了解】

 

 

创建方式2:function 方法名称(参数列表){方法体}【常用】

        //创建方式2
        function fun2(a,b) {
          alert(a)
        }

 

 

创建方式3:var 方法名 = function 方法名称(参数列表){方法体}【常用】

        var fun3 = function(a,b) {
            alert(a + b);
        }
        fun3(3,4);

 

2、特点:

1、方法定义时,形参的类型不用写

2、方式是一个对象,如果定义相同名称的方法,则前一个方法会被覆盖

3、在JS中,方法的调用只与方法的名称有关,和参数列表无关

4、在方法声明中,有一个隐藏的内置对象(数组),arguments,它封装了所有的实际参数

3、属性:

length : 代表形参的个数

Array :  

    //Array创建
    1、var arr = new Array(元素列表);
    2、var arr = new Array(默认长度);
    3、var arr = [元素列表];

 

特点:

1、在JS中,数组元素的类型是可变的

2、在JS中,数组的长度是可变的

属性:

数组的长度 --> 数组名.length

方法:

join() : 将数组中的元素按照指定的分隔符拼接为字符串  --> arr.join("默认逗号")

push() : 向数组的末尾添加方法,并返回新的长度

Boolean :

Date : 日期对象

1、创建:

var date = new Date();

2、方法:

toLocalString() : 返回当前date对象对应的本地字符串形式

getTime() : 获取毫秒值,返回当前日期对象的时间与1970年1月1日的毫秒差

Math :

1、创建:

Math对象不用创建,直接使用:Math.方法名

2、方法:

random : 放回 [0,1) 之间的随机数

ceil(x) : 向上取整

floor(x) : 向下取整

round(x) : 四舍五入

Number :

String :

RegExp : 正则表达式对象

1、单个字符:定义字符串组成的规则

如:[a] 、[ab]、[a-zA-Z0-9_]

特殊符号代表特殊含义的单个字符

\d : 单个数字字符[0-9]

\w : 单个单词字符[a-zA-Z0-9_]

2.量词符号:

? : 表示0次或1次

* :表示0次或多次

+:表示1次或多次

{m,n} : 最少m次,最多次

{,n} :最多n次

{m,} : 最少m次

3.开始结束符号:

^ : 开始

$ : 结束

3.正则对象:

创建 :

1、 var reg = new RegExp("正则表达式");

2、var reg = /正则表达式/

方法:

test(参数) : 验证指定的字符串是否符合正则定义的规范

Global :

1、特点:全局对象,这个Global中封装的方法不需要对象就可以直接调用。 方法名();

2、方法,

URL的编码解码:原因:HTTP协议之间资源的传输不支持中文,需要进行编码、解码操作

encodeURI() :URL编码

decodeURI() :URL解码

 

encodeURIComponent() :URL编码

decodeURIComponent() :URL解码

 

parseInt() : 将字符转为数字

逐一判断每个字符是否是数字,直到不是数字为止,将前边的数字部分转换为数字,number类型

eg : var str = "123abc"  ---> parseInt(str) = 123

var str2 = "a123bc" -- >parseInt(str2) = NaN

isNaN() :判断一个属是否为NaN :

NaN六亲不认,连自己也不认,NaN == NaN 运算的结果为false,NaN参与的运算均为false,只有通过isNaN(x)判断

eval : 解析代码:

如:var jscode = "alert(123)"; --> 弹出 alert(123) 这个整体

  eval(jscode) -->  弹出 123

 

标签:day08,定义,--,Javascript,NaN,运算符,类型,var
From: https://www.cnblogs.com/yumengqifei/p/16749777.html

相关文章

  • 四则运算——初级
    SEIndividualProject目录SEIndividualProject四则运算——初级题目需求分析设计编码重构代码测试思路说明时间花费比较已知问题四则运算——初级题目编写一个四则......
  • 实验一
    #include<iostream>usingstd::cout;usingstd::endl;classpoint{public:point(intx0=0,inty0=0);point(constpoint&p);~point()=default;intget_x()co......
  • Tomcat——基本使用
    Tomcat——基本使用  1、下载安装(8.5版本为企业最常用版本)    下载地址:https://tomcat.apache.org/download-80.cgi        或直接点击下载Tomcat8.5.8......
  • 基于SSM+Vue的垃圾分类管理系统的设计与实现Java前后端分离项目(源码调试+讲解+文档)
    ......
  • PipeCAD ISO定制一
    在PipeCAD的PIPING面板上提供管道轴测ISO图的设置选项:通过界面设置出图风格后,可以在生成ISO图界面选择出图选项文件。下面介绍一下在PipeCAD中已经实现的设置选......
  • nginx 代理
    location/prod-api/{proxy_set_headerHost$http_host;proxy_set_headerX-Real-IP$remote_addr;proxy_set_headerREMOTE-HOST$remote_addr;proxy_se......
  • rocketmq 架构图
     因为相信,所以看见.......
  • RocketMQ学习
    1介绍RocketMQ作为一款纯java、分布式、队列模型的开源消息中间件,支持事务消息、顺序消息、批量消息、定时消息、消息回溯等。1.1RocketMQ特点支持发布/订阅(Pub/Sub)和点......
  • numpy简单使用
    1.安装以及测试简介NumPy是一个运行速度非常快的数学库,主要用于数组计算,包含:一个强大的N维数组对象ndarray广播功能函数整合C/C++/Fortran代码的工具线性代数、傅里叶......
  • knn 算法以及电影种类预测&莺尾花种类预测
    1.简介 K-NearestNeighbor算法又叫KNN算法(最近邻算法,k是选取几个距离其最近的样本作为参考),这个算法是机器学习里面一个比较经典的分类和回归算法。 定义:如果一个样本在......