JavaScript基础

什么是JavaScript

JavaScript简称为JS,是一种运行在客户端脚本语言。JavaScript的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。

1.JavaScript的组成

JavaScript由ECMAScriptBOMDOM组成

ECMAScript - JavaScript的核心

定义了JavaScript的语法规范。JavaScript的核心,描述了语言的基本语法和数据类型,ECMAScript是一套标准,定义了一种语言的标准与具体实现无关

BOM - 浏览器对象模型

一套操作浏览器功能的API。通过BOM可以操作浏览器窗口,比如:弹出框、控制浏览器跳转、获取分辨率等

DOM - 文档对象模型

一套操作页面元素的API。DOM可以把HTML看做是文档树,通过DOM提供的API可以对树上的节点进行操作

2.在网页中引入JavaScript的方式

1.内部JS文件

<body>
  <script>
    alert('Hello World!');
  </script>
</body>

直接使用<script>标签将JavaScript插入到HTML文档中,可以写在任意位置。最常用,适用于网页JavaScript代码少的情况。

2.使用外部JavaScript文件

<script src="main.js"></script>

外部JavaScript文件是将JavaScript代码写入以*,js为扩展名的文件中,然后将文件路径指定给<script>标签的src属性。引用外部js文件的script标签中不可以写JavaScript代码

3.写在HTML标签中

<input type="button" value="按钮" onclick="alert('Hello World')" />

直接写在标签中适合极少代码的情况,这种方式增加了HTML的代码,因此很少使用。

JavaScript核心语法

1.变量

  1. 什么是变量
    变量是计算机内存中存储数据的标识符,根据变量名称可以获取到内存中存储的数据。
  2. 为什么使用变量
    使用变量可以方便的获取或者修改内存中的数据
  3. JavaScript中的变量
    在JavaScript中,变量使用var关键字声明
  4. 变量的使用
    var x = 10	//声明变量并赋值
    

2.数据类型

  1. 弱类型自动推断类型
    数字(number)
    字符串 (string)
    布尔型 (boolean)

  2. null是有值但为空,undefined是只是被申明,未赋值
    空(null)
    未定义( undefined)

3.数组

  1. 创建数组
    var array = new Array();
    
  2. 为数组赋值
     var array = [123,345]
    

4.函数

什么是函数

把一段相对独立的具有特定功能的代码块封装起来,形成一个独立实体,就是函数,起个名字(函数名),在后续开发中可以反复调用。函数的作用就是封装一段代码,将来可以重复使用。

函数的定义
  • 函数声明

    function 函数名(){
      // 函数体
    }
    
  • 函数表达式

    var fn = function() {
      // 函数体
    }
    
  • 特点
    函数体只有在调用的时候才会执行,调用需要()进行调用。可以调用多次(重复使用)

函数的返回值

当函数执行完的时候,并不是所有时候都要把结果打印。我们期望函数给我一些反馈(比如计算的结果返回进行后续的运算),这个时候可以让函数返回一些东西。也就是返回值。函数通过return返回一个返回值

返回值语法:

//声明一个带返回值的函数
function 函数名(形参1, 形参2, 形参...){
  //函数体
  return 返回值;
}

//可以通过变量来接收这个返回值
var 变量 = 函数名(实参1, 实参2, 实参3);

函数的调用结果就是返回值,因此我们可以直接对函数调用结果进行操作。

返回值详解:
如果函数没有显示的使用 return语句 ,那么函数有默认的返回值:undefined
如果函数使用 return语句,那么跟再return后面的值,就成了函数的返回值
如果函数使用 return语句,但是return后面没有任何值,那么函数的返回值也是:undefined
函数使用return语句后,这个函数会在执行完 return 语句之后停止并立即退出,也就是说return后面的所有其他代码都不会再执行。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值