JavaScript与java语法区别

柔情只为你懂 2022-02-23 02:56 289阅读 0赞

## 网页中各种技术的作用 ##

HTML		制作网页的结构
    CSS			美化网页
    JavaScript	让网页具有交互功能，在网页上运行脚本

## JavaScript与java的区别 ##

**特点**		**Java**					**JavaScript**
    面向对象			面向对象编程语言				基于对象，不完全面向过程。有部分面向对象
    											的特点
    											
    运行方式			编译型语言，生成中间文件，	不会生成中间文件
    				字节码解释型，解释一部分，
    				再运行一部分。
    							
    跨平台			安装虚拟机跨平台				运行在浏览器中，只要系统有浏览器就可以运行。
    
    数据类型			强类型语言，不同的数据		弱类型，同一个变量可以赋值不同的数据类型。
    				类型严格区分					
    				
    大小写			区分大小写					区分大小写

## JavaScript语言组成 ##

ECMA Script		所有脚本语言的规范，构成JS语言的核心基础
    DOM				Document Object Model 文档对象模型，用来操作网页中各种元素和标签
    BOM				Browser Object Model 浏览器对象模型，用来操作浏览器中各种对象，如：窗口

## JavaScript五种数据类型 ##

number		数值型
    boolean		布尔类型：true/false
    string		字符串，没有字符类型
    object		对象类型：内置对象，自定义对象
    undefined	未定义的类型，没有赋初值，不知道是什么类型

## JavaScript注意事项 ##

1.  关于弱类型?  
    一个变量可以赋值不同数据类型的值
2.  在JS中的字符和字符串引号？  
    在JS中没有字符和字符串区分，都是字符串，字符串既可以使用单引号，也可以使用双引号。
3.  var定义变量的特点？  
    1）var关键字不是必须的，可以省略，但是不建议。如果在函数体中定义变量省略了var关键字，则这个变量是全局变量  
    2）变量可以重复定义  
    3）不是函数的大括号，不能对变量的作用域起到限制的功能

## JavaScript的比较运算符 ##

1.  ==：在JavaScript中比较运算符是可以转换类型的，将字符串转成数值类型，再去比较
2.  ===：恒等于；既比较类型又比较值

## JavaScript的流程控制语句 ##

1.  if：非布尔类型也可以作为判断条件  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1Jvb2tpZXhpYW9NdV9h_size_16_color_FFFFFF_t_70]
2.  switch：小括号使用true可以使用表达式作为判断条件
3.  for：与java一样
4.  while：与java一样

## JavaScript匿名函数 ##

命名函数语法：

function 函数名(形参列表) { 
    	// 代码块
    	return 返回值;
    }

匿名函数：没有名字的函数

语法：

var 变量名 = function(形参列表) { 
    	// 代码块
    	return 返回值;
    }
    // 可以通过变量名来引用这个匿名函数

**注意事项：**

1.  在JS中没有函数的重载，后出现的同名函数会覆盖前面的同名函数。调用的时候，形参的个数与实参的个数无关
2.  每个函数的内部都有一个隐藏数组：arguments\[\]

## this关键字的作用 ##

1.  出现在控件的事件方法中：this表示img标签这个元素

<img src="img/0.jpg" id="pic" width="600" onmouseout="imgMoveOut(this)">

1.  出现在匿名函数的代码中：this表示匿名函数激活对象

document.getElementById("pic").onmouseover = function () { 
         //如果是自己的属性可以使用this
        this.src = "img/3.jpg";
    };

## JavaScript定义数组 ##

new Array()			// 创建一个长度为0的数组
    new Array(4)		// 创建一个长度为4的数组
    new Array(1,2,3,4)	// 指定数组中每个元素创建数组
    [1,2,3,4]			// 指定数组中每个元素创建数组

## Math对象 ##

**Math 对象**

*  Math 对象用于执行数学任务。
 *  Math 对象并不像 Date 和 String 那样是对象的类，因此没有构造函数 Math()。

**语法**

var x = Math.PI; // 返回PI
    var y = Math.sqrt(16); // 返回16的平方根

**Math 对象属性**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1Jvb2tpZXhpYW9NdV9h_size_16_color_FFFFFF_t_70 1]  
**Math 对象方法**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1Jvb2tpZXhpYW9NdV9h_size_16_color_FFFFFF_t_70 2]

## String 对象方法 ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1Jvb2tpZXhpYW9NdV9h_size_16_color_FFFFFF_t_70 3]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1Jvb2tpZXhpYW9NdV9h_size_16_color_FFFFFF_t_70]: /images/20220223/e44642ab21324d43831b4cfe833ae67f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1Jvb2tpZXhpYW9NdV9h_size_16_color_FFFFFF_t_70 1]: /images/20220223/4c615777db6c49a19775eb708e0aa386.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1Jvb2tpZXhpYW9NdV9h_size_16_color_FFFFFF_t_70 2]: /images/20220223/bde068dfb84f41308f8877af3352e398.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1Jvb2tpZXhpYW9NdV9h_size_16_color_FFFFFF_t_70 3]: /images/20220223/0289c91a01e74d6091b2a00f4f189ea7.png