JavaScript基础
目录
相关文档: https://www.w3school.com.cn/jsref/jsref_obj_math.asp
RegExp对象
- 概念
- js基本语法
- js和html的结合方式
- js注释
- js数据类型
- js变量
- js运算符
- js流程控制语句
- js基本对象
- String对象
- Function对象
- Array对象
- Data对象
- Math对象
- RegExp对象
- Global对象
JavaScript
是一门客户端脚本语言.- 运行在客户端
浏览器
中,每个浏览器都有JavaScript的解析引擎 脚本语言:
不需要变编译,直接就可以被浏览器解析执行- 功能
JavaScript可以增强用户和html页面的交互过程,可以来控制html元素,让界面有一些动态效果,增强用户体验.
- JavaScript =
ECMAScript
+ JavaScript特有的(BOM+DOM
)
- 内部js 定义,标签内容就是js代码
- 外部js 定义,通过src属性引入外部的js文件
注意:
- 可以定义在html页面的任何地方,但是定义的位置会影响执行顺序.
- 可以定义多个.
- 单行注释: //
- 多行注释: /* */
- 原始数据类型(基本数据类型)
- number:数字.
整数/小数/NaN
(not a number 一个不是数字的数字类型) - string: 字符串。 字符串 “abc” “a” ‘abc’,
'abc'和"abc"都是字符串
- boolean: true和false
- null: 一个对象为空的占位符
- undefined:
未定义
。如果一个变量没有给初始化值则会被默认赋值为undefined
- number:数字.
- 引用数据类型: 对象
- 变量
存储数据的内存空间.
- Java语言是强类型语言,而JavaScript是弱类型语言。
强类型:
在开辟变量存储空间时,定义了空间将来存储的数据的数据类型。只能存储固定类型
的数据弱类型:
在开辟变量存储空间时,不定义空间将来的存储数据类型,可以存放任意类型
的数据。
- 语法
var 变量名 = 初始化值;
- typeof() 运算符
获取变量的类型.
- 一元运算符: 只有一个运算数的运算符
- ++, - -的区别(和Java相同不说了)
- +, - 正负号
注意:
在JS中,如果运算数不是运算符所要求的类型,那么js引擎会自动的将运算数进行类型转换.
- string转number:按照字面值转换。如果字面值不是数字,则转为NaN(不是数字的数字)
- boolean转number:true转为1,false转为0
- 算术运算符
- 赋值运算符
- 比较运算符
- 类型相同: 直接比较 *字符串: 按照字典顺序别叫,按位逐一比较,直到得出大小为止。
- 类型不同: 先进行类型转换,再比较 *
===
:全等于。在比较之前,先判断类型,如果类型不一样,则直接返回false
- 逻辑运算符
1. number:0或NaN为假,其他为真 2. string:除了空字符串(""),其他都是true 3. null&undefined:都是false 4. 对象:所有对象都为true
- 三元运算符
表达式 ? 值1 : 值2;
- if … else
- switch
var a;
switch (a){
case 1:
alert("number");
break;
case "abc":
alert("string");
break;
case true:
alert("true");
break;
case null:
alert("null");
break;
case undefined:
alert("undefined");
break;
}
注意:
* 在Java中switch可以接受的数据类型: byte int shor char,枚举(1.5) ,String(1.7)
* 在JS中,switch语句可以接受任意的原始数据类型
- while
//1 ~ 100 求和 5050
var sum = 0;
var num = 1;
while (num [0,99] 整数 [1,100]
*/
var number = Math.floor((Math.random() * 100)) + 1;
document.write(number);
RegExp对象表示正则表达式,它是对字符串执行模式匹配的强大工具。
- 定义字符串的组成规则
- 单个字符:[], [ab]表示a或b中的一个, [a-zA-Z0-9] 表示a-z或A-Z或0-9中的一个字符 如: [a] [ab] [a-zA-Z0-9_] * 特殊符号代表特殊含义的单个字符: \d:单个数字字符 [0-9] \w:单个单词字符[a-zA-Z0-9_]
- 量词符号: ?:表示出现0次或1次 *:表示出现0次或多次 +:出现1次或多次 {m,n}:表示 m
关注打赏
最近更新
- 深拷贝和浅拷贝的区别(重点)
- 【Vue】走进Vue框架世界
- 【云服务器】项目部署—搭建网站—vue电商后台管理系统
- 【React介绍】 一文带你深入React
- 【React】React组件实例的三大属性之state,props,refs(你学废了吗)
- 【脚手架VueCLI】从零开始,创建一个VUE项目
- 【React】深入理解React组件生命周期----图文详解(含代码)
- 【React】DOM的Diffing算法是什么?以及DOM中key的作用----经典面试题
- 【React】1_使用React脚手架创建项目步骤--------详解(含项目结构说明)
- 【React】2_如何使用react脚手架写一个简单的页面?