Web应用开发实战-JavaScript

目录

1.0 JavaScript核心

1.0.1 JS组成部分

2.0 JavaScript的使用

2.0.1 JavaScript的编写位置

2.0.2 JavaScript的引用

3.0 数据类型

基本数据类型:

3.0.1 Number数值类型

3.0.2 String 字符串类型

3.0.3 Boolean 布尔类型

3.0.4 Null 空对象指针类型

3.0.5 Undefined未定义

3.0.6 Symbol

3.0.7 BigInt大整数(ES2020引入)

4.0 栈类型与堆类型

4.0.1 栈内存

 4.0.2 堆内存

5.0 正则

元字符与原义符


1.0 JavaScript核心

 JavaScript的核心是ECMAScript。ECMAScript是一种标准的脚本语言规范,规定了JavaScript语言的语法、类型、语句、关键字、保留字、操作符、对象等几个部分;

1.0.1 JS组成部分

  • 核心(ECMAScript):提供语言的语法和基本对象;

  • 文档对象模型(DOM):提供处理网页内容的方法和接口;

  • 浏览器对象模型(BOM):提供与浏览器进行交互的方法和接口。

ECMAScript是JavaScript的核心,描述了语言的基本语法(var、for、if、array等)和数据类型(数字、字符串、布尔、函数、对象(obj、[]、{})、null、未定义)。

2.0 JavaScript的使用

2.0.1 JavaScript的编写位置

JavaScript一般写在HTML的<script></script>标签中。

  <script>
       console.log('hello World!')
  </script>

在项目中大部分复杂的JavaScript,一般编写在一个单独的js文件在HTML用该js文件

    <script src="lib/index.js"></script>

还有一些特定的JavaScript,只为单独的元素起作用,将其写在行内

 <button @click="add">按钮</button>

2.0.2 JavaScript的引用

1.1 内嵌式

<script type="text/javascript">
		alert('内嵌式')
</script>

1.2 外链式

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

1.3 行内式

<button onclick="alert">按钮</button>

3.0 数据类型

基本数据类型: Number、String、Boolean、Null、 Undefined、Symbol(ES6),BigInt(ES2020引入)

引用数据类型Object

基本数据类型

基本数据类型是指存放在栈中的简单数据段,数据大小确定,内存空间大小可以分配,它们是直接按值存放的,所以可以直接按值访问

3.0.1 Number数值类型

Number类型包含整数和浮点数(浮点数数值必须包含一个小数点,且小数点后面至少有一个数字)

数值类型的转换:
Number():可以用于任何的数据类型
parseInt:提取 整数数值
paseFloat:提取浮点数值

3.0.2 String 字符串类型

字符串转换:
String():适用于任何的数据类型(null -> null undefined -> undefined)
toString()nullundefined没有这个功能

3.0.3 Boolean 布尔类型

该类型只有两个值:truefalse

3.0.4 Null 空对象指针类型

3.0.5 Undefined未定义

3.0.6 Symbol

ES6新增的一个基本数据类型,表示唯一性

3.0.7 BigInt大整数(ES2020引入)

引用数据类型

引用数据类型也叫对象数据类型,包括function,object,array,date,RegExp等可以可以使用new创建的数据,又叫对象类型,他们是存放在内存中的数据

4.0 栈类型与堆类型

栈与堆是两种数据结构,他们只能在一端(称为栈顶top)对数据项进行插入删除。

4.0.1 栈内存

特点:    先进后出,后进先出

它是一种特殊的列表,栈内的元素只能通过列表的一端访问,这一端称为栈顶,另一端称为栈底

 4.0.2 堆内存

  1.堆内存的存储不同于栈,虽然他们都是内存中的一片空间,但是堆内存存储变量时没有什么规律可言。它只会用一块足够大的空间来存储变量。

        2.堆内存主要负责像对象Object这种变量类型的存储,堆内存存储的对象类型数据对于大小这方面,一般都是未知的,(这大概也是为什么null作为一个object类型的变量却存储在栈内存中的原因)

5.0 正则

正则就是通过正则表达式,得到正则表示对象,通过匹配的文本,最后得到匹配结果。

正则其实就是描述了一套规则,本质是操作字符串。

正则不需要特意去记,只需在需要的时候查询即可。

[a-z] //匹配所有的小写字母 
[A-Z] //匹配所有的大写字母 
[a-zA-Z] //匹配所有的字母 
[0-9] //匹配所有的数字 
[0-9\.\-] //匹配所有的数字,句号和减号 
[ \f\r\t\n] //匹配所有的白字符

    稍微复杂的字符,如标点符号和空格、制表符,需要用反斜杠(\)打头,\n表示新行,\r表示回车,\t制表符,\s表示空格。

     正则表达式以"^"表示开头,以"$"表示结尾,如果在方括号内部有"^"符号,表示“非”,“排除”的意思。

元字符与原义符

1.1 原义符: 就是字符本身的含义;

1.2 元字符: 改变了字符本身的含义,具有固定含义的特殊符号。

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值