学习笔记【JavaWeb-第三节：ECMAScript语法与对象】

最新推荐文章于 2024-05-28 03:09:34 发布

十月花

最新推荐文章于 2024-05-28 03:09:34 发布

阅读量158

点赞数

分类专栏： # Java Web 文章标签：字符串 js javascript java

本文链接：https://blog.csdn.net/qq_53273362/article/details/112100032

版权

Java Web 专栏收录该内容

16 篇文章

订阅专栏

JavaScript

概念：

一门客户端脚本语言

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

脚本语言：不需要编译，直接可以被浏览器解析执行了。

功能：

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

JavaScript发展史：

1992年，Nombase公司，开发出第一门客户端脚本语言，专门用于表单的校验。命名为：C–，后更名为ScriptEase
1995年，Netscape（网景）公司，开发了一名客户端脚本语言：LiveScript。后来请来了SUN公司的专家，修改LiveScript，命名为JavaScript
1996年，微软借鉴了JavaScript开发出JScript语言
1997年，ECMA（欧洲计算制造商协会），ECMAScript，就是所有客户端脚本语言的标准

JavaScript=ECMAScript+JavaScript自己特有的一些东西（它的BOM+DOM）

ECMAScript

客户端脚本语言的标准

基本语法

与html的结合方式

内部JS：
定义script标签，标签体内是script代码

外部JS：
定义script标签，通过src属性引入外部的JS文件

注意：

可定义在任意位置，但回影响执行顺序。
可以定义多个script。

注释

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

数据类型

原始数据类型（基本）：

number：数字。整数、小数、NAN（not a number 一个不是数字的数字类型）
string：字符串。单双引号都可以。
boolean： true 和 flase。
null：一个对象为空的占位符。
undefined：未定义，如果一个变量没有给初始化值，则会被默认赋值为undefined。

引用数据类型： 对象

变量

一小块存储数据的内存空间

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

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

语法：
var 变量 = 初始化值;
typeof() 可以查看数据类型

运算符

一元运算符

只有一个运算数的运算符

++
--
+（正号）
-（负号）
注意：在JS中，如果运算数不是运算符所要求的类型，那么js引擎会自动的将运算数进行类型转换。
string转number：按照字面值转换，若字面值不是数字，则转为NAN
boolean转number：true转为1，false转为0

算数运算符

+、-、*、/

赋值运算符

=、+=、-=

比较运算符

>、 <、 >=、 <=、 ==、 ===（全等于）

类型相同：直接比较。
（字符串时按照字典顺序比较。按位逐一比较，直到得出大小为止）

类型不同：先进行类型转换，再比较
（===：全等于。在比较之前，先比较类型，若类型不一样，则直接返回false）

逻辑运算符

&& 、||、 !
注意：其他类型转boolean如 !3
number：0或NAN为false，非0为true。
string：除了空字符串，其他都为true。
null与defined：都为false。
对象：所有对象都为true。

三元运算符

：、？

流程控制语句

if…else…
switch(可接受任意类型)
while
do…while
for

JS特殊语法

语句以;结尾，如果一行只用一条语句，则;可省略。（不建议）

变量的定义使用var关键字，也可以不用

用：定义的变量是局部变量
不用：定义的变量是全局变量（不建议）

练习：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>九九乘法表</title>
    <style>
        td{
            border: 1px solid;
        }
    </style>
    <script>
        document.write("<table>");
        for (var a=1;a<=9;a++){
            document.write("<tr>");
            for (var b=1;b<=a;b++){
                document.write("<td >");
                document.write(a+" * "+b+" = "+(a*b));
                document.write("</td>");
            }
            document.write("</tr>");
        }
        document.write("</table>");
    </script>
</head>
<body>
</body>
</html>

基本对象

Function：函数（方法）对象

创建：

var fun = new Function(形参列表,方法体);
function 方法名称(形参列表){方法体}
var 方法名 =function(形参列表){方法体}

属性：
length：形参个数

特点：

方法定义时，形参和返回的类型都可不写
方法是一个对象，如果定义名称相同的方法，会覆盖。
在JS中，方法的调用只与方法的名称有关，和参数无关。
在方法声明中有一个内置对象（数组），arguments，封装了所有的实际参数。

调用：
方法名称(实际参数列表);

例子：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Function对象</title>
    <script>
        function add(){
            var sum=0;
            for (var i=0;i<arguments.length;i++){
                sum+=arguments[i];
            }
            return sum;
        }
        alert(add(1,2,3,4));
    </script>
</head>
<body>
</body>
</html>