JavaScript基本概念

简介: 💡 js:JavaScript诞生于1995年由网景公司开发最初用于前端数据验证,后来捐赠给了欧洲计算机制造商协会;

💡 js:JavaScript诞生于1995年由网景公司开发最初用于前端数据验证,后来捐赠给了欧洲计算机制造商协会;

相关词汇

ECMAScript:JavaScript的一个标准


1 JavaScript概述


在讲到JavaScript的时候他一般由三部分组成,ECMAScript、DOM、BOM

📃 JavaScript

标准 ECMAScript

文档对象模型 DOM

浏览器对象模型 BOM


1.1 js特点


(1)JavaScript是解释型语言:不需要编译

(2)基于原型的面向对象

注意事项:【js中代码块只有分组作用,没有隔离等其他作用】


1.2 js的数据类型有六种


js是弱类型语言

类型 说明

String 字符串类型

Number 数值类型

Boolean 布尔类型

Undefined 未定义

Object 对象类型

Null 空

2 Js正则表达式操作字符串


2.1 正则表达式的使用:


方式1创建对象


① 创建正则表达式对象

var regex = new RegExp(“正则表达式”,“匹配模型”);

匹配模式:

// i ignore(忽略大小写)

// g 全局匹配模式

②调用正则表达式对象的test方法,将字符串作为参数传入(匹配成功则返回true否则返回false)

正则表达式,使用案例:

var reg = new RegExp(“[0-9]{11}”);

var str = “15265968456”;

// test方法用于检测字符串是否与规则匹配

var reselt = reg.test(str);

console.log(“返回值1:”+reselt)

方式2 使用字面量创建正则表达式

①格式:

var reg2 = /正则表达式/匹配模式

②案例

var reg2 = /[a,b,c]{3}/i;

var str2 = “Ab9”;

var reselt2 = reg2.test(str2);

console.log(“返回值2:”+reselt2)


3 String 对象方法与正则表达式结合使用


常用的String对象方法列表,这些都可以与正则表达式结合使用

方法名 说明

match() 找到一个或多个正则表达式的匹配。

split() 把字符串分割为字符串数组。

search() 方法搜索特定值的字符串,并返回匹配的位置:

substr() 从起始索引号提取字符串中指定数目的字符。


3.1 案例分析


(1)在字符串str中找出11位电话号码,并用数组保存;

var str = "sdjijgDdifniDIFiinDi15235689972jidjfDsdjijIDidjf";
var nub = str.search(/1[3,4,5,6,7,8,9][0-9]{8}[1-9]/);
var phonNumber = str.substr(nub,11);
console.log("找到11位电话号码:"+phonNumber);

(2)在字符串str中找出所有大写字母,并用数组保存;

var bigChar = str.match(/[A-Z]/g);
console.log("所有大写字符为:"+bigChar);

(3)在字符串str中根据#符号将其分割;并保存;

var arr = str.split(/#/);
console.log("拆分后的效果为:"+arr);
目录
相关文章
|
3月前
|
自然语言处理 JavaScript 前端开发
JavaScript中闭包:概念、用途与潜在问题
【4月更文挑战第22天】JavaScript中的闭包是函数及其相关词法环境的组合,允许访问外部作用域,常用于数据封装、回调函数和装饰器。然而,不恰当使用可能导致内存泄漏和性能下降。为避免问题,需及时解除引用,减少不必要的闭包,以及优化闭包使用。理解并慎用闭包是关键。
|
3月前
|
存储 JavaScript 前端开发
解释 JavaScript 中的作用域和作用域链的概念。
【4月更文挑战第4天】JavaScript作用域定义了变量和函数的可见范围,静态决定于编码时。每个函数作为对象拥有`scope`属性,关联运行期上下文集合。执行上下文在函数执行时创建,定义执行环境,每次调用函数都会生成独特上下文。作用域链是按层级组织的作用域集合,自内向外查找变量。变量查找遵循从当前执行上下文到全局上下文的顺序,若找不到则抛出异常。
33 6
|
3月前
|
JavaScript 前端开发 网络协议
​Node.js 教程(一) 基本概念与基本使用
​Node.js 教程(一) 基本概念与基本使用
|
2月前
|
设计模式 JavaScript 前端开发
在JavaScript中,继承是一个重要的概念,它允许我们基于现有的类(或构造函数)创建新的类
【6月更文挑战第15天】JavaScript继承促进代码复用与扩展,创建类层次结构,但过深的继承链导致复杂性增加,紧密耦合增加维护成本,单继承限制灵活性,方法覆盖可能隐藏父类功能,且可能影响性能。设计时需谨慎权衡并考虑使用组合等替代方案。
39 7
|
4天前
|
JavaScript 前端开发
JavaScript BOM 的概念(浏览器对象模型)
JavaScript BOM 的概念(浏览器对象模型)
12 1
|
7天前
|
JavaScript 前端开发
JavaScript 事件的概念
JavaScript 事件的概念
19 1
|
8天前
|
JavaScript 前端开发 Java
JavaScript中的闭包概念讲解
闭包是指函数内部嵌套另一个函数,并且内部函数引用了外部函数的数据(如变量或函数)。这样的内部函数被称为闭包。以示例代码为例,`fn1` 中有两个闭包函数 `fn2` 和 `fn3`,它们都可以访问并修改 `fn1` 中的变量 `a`。
7 1
|
2月前
|
JSON JavaScript 前端开发
【JavaScript】JavaScript中的深拷贝与浅拷贝详解:基础概念与区别
JavaScript 中,理解数据拷贝的深浅至关重要。浅拷贝(如扩展运算符`...`、`Object.assign()`)仅复制对象第一层,共享内部引用,导致修改时产生意外联动。深拷贝(如自定义递归函数、`_.cloneDeep`或`JSON.parse(JSON.stringify())`)创建独立副本,确保数据隔离。选择哪种取决于性能、数据独立性和资源需求。深拷贝虽慢,但确保安全;浅拷贝快,但需小心引用共享。在面试中,理解这些概念及其应用场景是关键。
45 4
【JavaScript】JavaScript中的深拷贝与浅拷贝详解:基础概念与区别
|
2月前
|
JavaScript 前端开发
JavaScript函数核心概念:用于代码复用与管理。
【6月更文挑战第25天】JavaScript函数核心概念:用于代码复用与管理。示例包括定义(无参、有参、有返回值)与调用,参数按值传递。函数内修改参数不影响外部变量。
20 1
|
2月前
|
JavaScript 前端开发
深入解析JavaScript中的面向对象编程,包括对象的基本概念、创建对象的方法、继承机制以及面向对象编程的优势
【6月更文挑战第12天】本文探讨JavaScript中的面向对象编程,解释了对象的基本概念,如属性和方法,以及基于原型的结构。介绍了创建对象的四种方法:字面量、构造函数、Object.create()和ES6的class关键字。还阐述了继承机制,包括原型链和ES6的class继承,并强调了面向对象编程的代码复用和模块化优势。
38 0

热门文章

最新文章