初识JavaScript(一)| 青训营笔记

81 阅读2分钟

这是我参与「第四届青训营 」笔记创作活动的第3天

初学JavaScript,内容是基于JavaWeb内容所学,不同于前端,所以相对于前端删了很多内容,之前学过java,在java和javaScript语法或者用法相同的就没有列出,仅出于复习而编写的笔记,水平有限,还请大家多多指教。

一、JavaScript的导入

方式一:

<meta charset="UTF-8">
<title>Title</title>
<script type="text/javascript">
    // alert是JavaScript语言提供的一个警告框函数。
    // 它可以接收任意类型的参数,这个参数就是警告框的提示信息
    alert("hello javaScript!");
</script>

方式二:

<script> type="text/javascript" src="1.js"></script>

二、JavaScript中的变量

相比于java或c++,JS语法更加简介

 变量类型:var
 数值类型:number
 字符串类型:string
 对象类型:object
 布尔类型:boolean
 函数类型:function
 
 JS中特殊的值:
    undefined:未定义,所有JS变量未赋于初始值的时候,默认值都是undefined
    null:空值
    NANNot a Number 非数字、非数值

 alert(); //函数返回一个警告框
 typeof(); //返回参数的类型

数组:
 声明:var array = [];   //空数组
 var array = [ 1 , ”abc” , 1.1 ] ;
 JS中的数组可以随便越界,越界后自动做扩容操作

三、判断等于

等于:==         简单的做字面值的比较
全等于:===      做字面值的比较之外,还会比较两个变量的数据类型

1.png

JavaScript 语言中,所有的变量,都可以做为一个 boolean 类型的变量去使用。
0nullundefined、” ”(空串) 都认为是 false

四、函数

方式一:

function 函数名(形参列表){
    函数体;
}
//不用写返回值类型,需要返回时直接return就可以

方式二:

var 函数名 = function(形参列表){
    函数体;
} 
//在JS中函数不可重载,重载会直接覆盖掉上一次的定义

arguments隐性参数:

在调用函数的时候,参数可以是任意多个的而且不限制类型

传进去的参数都会保存在一个叫arguments的数组

2.png

五、对象

方式一:

对象的定义:
    var 变量名 = new Object();      //一个对象实例
    变量名.属性名 = 值;             //定义一个属性
    变量名.函数名 = function(){}     //定义一个函数
对象的访问:
    变量名.属性;
    变量名.函数名();

3.png 方式二:

对象的定义:
    var 变量名 = {
    属性名:值,
    函数名:function(){}
    };
对象的访问:
    变量名.属性;
    变量名.函数名();

4.png