初识JavaScript

初识JavaScript

1.JavaScript 简介

JavaScript 是互联网上最流行的脚本语言,这门语言可用于 HTML 和 web,更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备

注意:

  • HTML 中的 Javascript 脚本代码必须位于 <script>与 </script>标签之间

  • <script>与 </script>之间的代码行包含了JavaScript

  • Javascript 脚本代码可被放置在 HTML 页面的 <body>和 <head> 部分中,通常的做法是把函数放入 <head> 部分中,或者放在页面底部。这样就可以把它们安置到同一处位置,不会干扰页面的内容

  • 也可以把脚本保存到外部文件中,外部文件通常包含被多个网页使用的代码

    外部 JavaScript 文件的文件扩展名是 .js

    如需使用外部文件,则需要在 <script> 标签的 “src” 属性中设置该 .js 文件:

    <!DOCTYPE html>
    <html> 
    <body>
    <script src="myScript.js"></script> 
    </body> 
    </html>
    

2.JavaScript 语句

JavaScript 语句是发给浏览器的命令,这些命令的作用是告诉浏览器要做的事情:

下面的 JavaScript 语句向 id="demo" 的 HTML 元素输出文本 "你好"
document.getElementById("demo").innerHTML = "你好"; 

2.1分号

  • 分号用于分隔 JavaScript 语句
  • 通常我们在每条可执行的语句结尾添加分号
  • 使用分号的另一用处是在一行中编写多条语句

2.2代码块

  • JavaScript 可以分批地组合起来
  • 代码块以左花括号开始,以右花括号结束

2.3语句标识符

  • JavaScript 语句通常以一个 语句标识符为开始,并执行该语句

  • 语句标识符是保留关键字不能作为变量名使用
    在这里插入图片描述

3.JavaScript注释

  • 单行注释以 // 开头
  • 多行注释以 /* 开始,以 */结尾

注:我们可以通过将某一行的代码进行注释以完成我们调试代码的目的

4.JavaScript 变量

4.1变量规则

  • 变量必须以字母开头
  • 变量也能以 $ 和 _ 符号开头
  • 变量名称对大小写敏感

4.2变量声明

在 JavaScript 中创建变量通常称为"声明"变量,我们使用 var 关键词来声明变量:

var carname;

如需向变量赋值,则使用等号:

carname="Volvo";

我们也可以在声明变量时对其进行赋值:

var carname="Volvo";

5.JavaScript 数据类型

5.1数据类型

值类型(基本类型):字符串(String)、数字(Number)、布尔(Boolean)、空(Null)、未定义(Undefined)、Symbol

引用数据类型(对象类型):对象(Object)、数组(Array)、函数(Function),还有两个特殊的对象:正则(RegExp)和日期(Date)

5.2变量类型声明

在声明新变量时,通常使用new来声明变量的类型:

var carname=new String;
var x=      new Number;
var y=      new Boolean;
var cars=   new Array;
var person= new Object;

5.3基本数据类型

5.3.1字符串
  • 字符串是存储字符的变量
  • 字符串可以是引号中的任意文本,可以使用单引号或双引号
5.3.2数字
  • JavaScript 只有一种数字类型
  • 数字可以带小数点,也可以不带
  • 极大或极小的数字可以通过科学(指数)计数法来书写
5.3.3布尔

布尔有两个值:true 或 false

5.3.4数组

数组的创建可以先声明数组名,再添加数组的值,如:

var cars=new Array();
cars[0]="Saab";
cars[1]="Volvo";
cars[2]="BMW";

也可以直接在声明时直接添加:

var cars=new Array("Saab","Volvo","BMW");

直接添加时要注意的是数组下标是基于零的,所以第一个项目是 [0],第二个是 [1],以此类推

5.3.5对象

对象由花括号分隔,在括号内部,对象的属性以名称和值对的形式 (name : value) 来定义,属性由逗号分隔:

var person={firstname:"John", lastname:"Doe", id:5566};
5.3.6Undefined 和 Null
  • Null:
    • 特指对象的值未设置,是表示缺少的标识,指示变量未指向任何对象,可以看做尚未创建的对象
    • 是一个字面量,不是全局对象的一个属性
    • 在布尔运算中被认为是 false
  • Undefined:
    • 表示 “缺少值”,就是此处应该有一个值,但是还没有定义
    • 是 JavaScript 在运行时创建的全局变量,是全局对象的一个属性
    • 在布尔运算中被认为是 false

6.JavaScript 函数

6.1简单函数

在jsp中,我们通常使用function来调用函数:

function functionname()
{
    // 执行代码
}

6.2带有参数的函数

在调用函数时,可以向其传递值,这些值被称为参数

这些参数可以在函数中使用

可以发送任意多的参数,由逗号 (,) 分隔:

function myFunction(var1,var2)
{
     //执行代码
}

要注意的是,参数的传递顺序即为变量本身的顺序

6.3带有返回值的函数

当我们需要函数将值返回调用它的地方,通过使用 return 语句就可以实现

在使用 return 语句时,函数会停止执行,并返回指定的值

function myFunction()
{
    var x=5;
    return x;
}
//执行代码

}


要注意的是,参数的传递顺序即为变量本身的顺序

### 6.3带有返回值的函数

当我们需要函数将值返回调用它的地方,通过使用 return 语句就可以实现

在使用 return 语句时,函数会停止执行,并返回指定的值

function myFunction()
{
var x=5;
return x;
}

以上即为jsp中较为基础的语法知识,如果想要了解更多,可参考传送门

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值