首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

【前端基础篇】JavaScript基础介绍

前言 在阅读过程中可以把代码片复制到vscode上去浏览器看实际效果,更易理解喔 以及在看本篇之前最好有HTML与CSS的基础 【前端基础篇】HTML零基础速通 【前端基础篇】CSS基础速通万字介绍(上篇...例如,在 JavaScript 中,如果你将一个字符串与一个数字相加,JavaScript 会自动将数字转换为字符串,然后进行字符串连接。...它是一种复合值,它将很多值聚合到一起,可以通过名字访问这些值。对象也可以看做是属性的无序集合,每个属性都是一个名/值对。对象除了可以创建自有属性,还可以通过从一个名为原型的对象那里继承属性。...除了字符串、数字、true、false、null和undefined之外,JavaScript中的值都是对象。 对象 在JS中,字符串,数值,数组,函数都是对象. 每个对象中包含若⼲的属性和⽅法....后⾯就可以通过这个add变量来调⽤函数了. JS中函数是⼀等公⺠,可以⽤变量保存,也可以作为其他函数的参数或者返回值.

9310

Java Web(四)JS

JavaScript 是一门跨平台、面向对象的脚本语言,来控制网页行为的,它能使网页可交互 W3C 标准:网页主要由三部分组成 结构:HTML 表现:CSS 行为:JavaScript JavaScript...是一门弱类型语言,变量可以存放不同类型的值 变量名需要遵循如下规则 组成字符可以是任何字母、数字、下划线(_)或美元符号($)数字不能开头建议使用驼峰命名 ECMAScript6 新增了 Iet 关键字来定义变量...函数调用可以传递任意个数参数 let result add(1,2,3); 四.JS 对象 1.Array 数组对象 JavaScript Array 对象用于定义数组 定义 var 变量名 = new...indexof() 检索字符串。...trim() 去除字符串前后两端的空白字符 3.自定义对象 格式 var对象名称={ 属性名称1:属性值1, 属性名称2:属性值2, ......

1.6K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    javascrip菜鸟

    JavaScript 对象 对象由花括号分隔。在括号内部,对象的属性以名称和值对的形式 (name : value) 来定义。...() 将 Unicode 转换为字符串 indexOf() 返回字符串中检索指定字符第一次出现的位置 lastIndexOf() 返回字符串中检索指定字符最后一次出现的位置 localeCompare...exec() 方法用于检索字符串中的正则表达式的匹配。 该函数返回一个数组,其中存放匹配的结果。如果未找到匹配,则返回值为 null。...JSON.stringify() 用于将 JavaScript 值转换为 JSON 字符串。 简单来理解就是:同步按你的代码顺序执行,异步不按照代码顺序执行,异步的执行效率更高。...JavaScript 函数定义 以上函数实际上是一个 匿名函数 (函数没有名称)。 函数存储在变量中,不需要函数名称,通常通过变量名来调用。 arguments 对象

    6210

    Apache NIFI ExecuteScript组件脚本使用教程

    这样一来,你不仅可以获取属性的String值,还可以根据NiFi表达式语言评估属性,将值转换为适当的数据类型(例如Boolean等),因为动态属性名称会变为脚本的变量名,你必须了解所选脚本引擎的变量命名属性...此方法使用给定Map中的键/值对更新给定FlowFile的属性。...这些方法可以采用单个字符串,或者一个字符串后跟一个对象数组,或者一个字符串后跟一个对象数组后跟一个可抛出对象。第一个用于输出简单的日志消息。第二种是当您有一些要记录的动态对象/值时使用。...使用PropertyValue对象(而不是值的字符串表示形式)来允许脚本在将属性值评估为字符串之前对属性值执行各种操作。...通常会创建一个新的Map来存储更新的值,然后将调用setState()或replace()方法。

    5.9K40

    JavaScript 基础

    JavaScript 是一种编程语言,允许你创建动态更新的内容,控制多媒体,图像动画等等一个完整的 JavaScript 实现是由以下 3 个不同部分组成的:① 核心(ECMAScript) ECMAScript...代码可以直接在 Console 控制台执行,在 Chrome 浏览器开发者工具中,快捷键 F12JavaScript 声明及命名规则直接量(literal),程序中直接使用的数据值变量(variable...,定义字符型变量会使用 char,定义浮点型变量会使用 float,而在 JavaScript 当中,不过什么类型的数据,统一通过关键字 var 进行声明命名规则,变量名、属性名、函数名、方法名 的命名规则...个,多余的会被丢弃JavaScript 复合数据类型数组 Array,一组值的有序集合,使用下标体现有序,数组的下标从零开始,通过下标访问某个数组元素对象 Object,一组键值对的集合,键值对以 :...,因为,在 JavaScript 当中,小括号 () 的作用是提升优先级;中括号 [] 指的是数组;大括号 {} 指的是对象NaNNaN = not a number一般在数学表达式计算失败的情况下返回

    1.2K50

    【Web前端】如何存储你需要的信息:变量

    五、更新变量(关于变量命名的规则) 变量名在编程中至关重要,它不仅要简洁易懂,还要遵循一些基本规则: 只能包含字母、数字、下划线(_)和美元符号($)。...不能是保留字,如 ​​function​​、​​return​​​ 等 JavaScript 保留字不能作为变量名。 六、更新变量 一旦声明了变量,我们可以随时更新它的值(​​const​​ 除外)。...String:用于存储文本或字符串。 Boolean:用于存储布尔值,即 ​​true​​ 或 ​​false​​。 Array:一种特殊类型的对象,用于存储多个值。 Object:用于存储键值对。...当你给一个变量赋值为字符串时,你需要用单引号或者双引号把值给包起来,否则 JavaScript 将会把这个字符串值理解成别的变量名。...对象可以用于存储复杂的数据结构:对象是现实生活中的模型的一种代码结构。

    4600

    JavaScript|数组对象

    数组就是有序数据的集合,在JavaScript中的数组元素允许属于不同的数据类型,用数组名和下标就可以唯一地确定数组中的元素。接下来将会详细的讲解一下JavaScript数组对象。...创建数组对象 数组是具有相同数据类型的变量集合,这些变量都可以通过检索进行访问。数组中的变量称为数组的元素,数组能够容纳元素的数量称为数组的长度。...数组中的每一个元素都具有唯一的索引(下标)与其相对应,在JavaScript中,数组的索引从零开始。 数组对象使用Array,新建数组对象有三种方法。...在JavaScript中数组对象的属性主要有三个: constructor:返回对创建对象的数据函数的引用; length:设置或返回数组中的元素的数目; prototype:使开发者有能力向对象添加属性和方法...() 返回数组对象的原始值 结语 JavaScript中数组可以用一个变量名存储所有的值,并且可以用变量名访问任何一个值。

    1.7K20

    【JS】128-重温基础:正则表达式

    「本章节复习的是JS中的正则表达式,JS中用来匹配字符串的强大工具。」 前置知识: JS中的正则表达式是用来匹配字符串中指定字符组合的模式。 另外需要记住:正则表达式也是对象。...「返回信息介绍」: 对象 属性 描述 案例中对应的值 reg lastIndex 下一个匹配的索引(仅在使用g参数时可用) 0 reg source 模式文本。在正则表达式创建时更新,不执行。...2.1 RegExp对象方法 检索字符串中指定的值。返回找到的值,并确定其位置。 2.1.1 exec(str) str: 需要检索的字符串。 若检索成功,返回匹配的数组,否则返回null。...length: 3 */ 「返回信息介绍」: 对象 属性 描述 案例中对应的值 result [0] 匹配到的所有字符串 "leo" result input 初始字符串。 "hello leo!"...str.replace(sub/reg,val): str: 源字符串 sub: 使用字符串来检索被替换的文本 reg: 使用RegExp对象来检索来检索被替换的文本 val: 指定替换文本 返回替换成功之后的字符串

    82910

    JavaScript 第一天

    字面量(literal)是在计算机中描述 事/物 我们工资是: 1000 此时 1000 就是 数字字面量 ‘你好’ 字符串字面量 还有 [] 数组字面量 {} 对象字面量 等等… 变量是什么?...可以理解为是一个个用来装东西的纸箱子 变量的基本使用: 变量通过 let 来声明 通过 = 实现赋值 变量通过变量名来获得里面的数据, 可以同时声明多个变量 声明变量: 要想使用变量,首先需要创建变量(...专业说法: 声明变量) 声明变量有两部分构成:声明关键字、变量名(标识) let 即关键字 (let: 允许、许可、让、要),所谓关键字是系统提供的专门用来声明(定义)变量的词语 变量赋值: 注意:是通过变量名来获得变量里面的数据...在变量名之后跟上一个“=”,然后是数值 也可以声明变量的时候同时给变量初始化 let Number = 10 // Number变量名称,也叫标识符 更新变量: 变量赋值后,还可以通过简单地给它一个不同的值来更新它...null(空类型): null 表示 值为 空 官方解释:把 null 作为尚未创建的对象 大白话: 将来有个变量里面存放的是一个对象,但是对象还没创建好,可以先给个null null 和 undefined

    1.1K20

    js的严格模式(strict mode)

    (而不是属性名):delete myVariable 使用eval或arguments作为变量名或函数名 使用未来保留字(也许会在ECMAScript 6中使用):implements, interface...函数调用中的this 在普通的函数调用f()中,this的值会指向全局对象.在严格模式中,this的值会指向undefined.当函数通过call和apply调用时,如果传入的thisvalue参数是一个...null和undefined除外的原始值(字符串,数字,布尔值),则this的值会成为那个原始值对应的包装对象,如果thisvalue参数的值是undefined或null,则this的值会指向全局对象....在严格模式中,this的值就是``thisvalue参数的值,没有任何类型转换. arguments对象属性不与对应的形参变量同步更新 在非严格模式中,修改arguments对象中某个索引属性的值,和这个属性对应的形参变量的值也会同时变化...eval相关的区别 在严格模式中,eval不会在当前的作用域内创建新的变量.另外,传入eval的字符串参数也会按照严格模式来解析.你需要全面测试来确保没有代码收到影响。

    81830

    js 数据类型笔记

    这篇文章主要是对阮一峰老师javascript教程中数据类型和运算的笔记,方便记忆。...3、字符串的使用 3.1获取字符串的长度 var str = "hello"; console.log( str.length ); 3.2通过下标获取到字符串某个字符的值 console.log....属性名来获取属性的值 var o1 = {}; var o2 = { bar: 'hello' }; o1.foo = o2; **o1.foo.bar** // "hello" 5.2通过对象名...['属性名']来获取属性的值,注意中括号里面是字符串,所以一定要加引号 o1['foo'] ol[foo]就是错误的,因为浏览器解析时会认为foo是一个变量,找不到这个变量就会报错 6、对象的引用 如果把一个原始类型...那变量这时都是值的拷贝。 如果把对象赋值给变量,我们只是将对象的存储地址指向了变量。 如果不同的变量名指向同一个对象,那么它们都是这个对象的引用,修改其中一个变量,会影响到其他所有变量。

    2K20

    JavaScript 入门基础 - 变量 数据类型(二)

    2.8.4 删除对象属性 2.8.5 JSON循环遍历 2.8.6 JSON字符串转换为 JavaScript 对象 ---- 1.变量 1.1 什么是变量 变量是用于存放数据的容器,我们可以通过变量名获取存储在里面的数据...变量值是程序员保存到变量空间的值。 1.4 变量语法扩展 1.4.1 更新变量 一个变量被重新赋值后,它原有的值就会被覆盖,变量值将最后一次赋的值为准。...分别用true和false来表示,程序中也可以用非0数值和数值0表示 true 和 false,当把true 和 false转换为数值时,分别是1 和 0。...2.8.3 访问对象的值 访问JSON对象的值有两种方式,使用 ....JavaScript 对象 要实现JSON字符串转换为 JavaScript 对象,可以使用 JSON.parse() 方法,反之要实现从JS对象转换为JSON字符串,使用 JSON.stringify

    3.8K40

    金九银十: 50 个JS 必须懂的面试题为你助力

    问题2:什么 Javascript JavaScript 是一种轻量级的解释型编程语言,具有面向对象的特性,允许各位在其他静态HTML页面中构建交互性。...indexOf() 它返回指定值第一次出现时调用字符串对象中的索引。 length() 它返回字符串的长度。 pop() 它从数组中删除最后一个元素并返回该元素。...问题17: JS中的变量命名约定是什么? 在JS中命名变量时要遵循以下规则: 咱们不应该使用任何JS保留关键字作为变量名。例如,break或boolean变量名无效。...提示: 请使用 isNaN() 来判断一个值是否是数字。原因是 NaN 与所有值都不相等,包括它自己。 问题 36:JS的原始/对象类型如何在函数中传递?...方法二: arrayList.length = 0; 上面的代码将通过将其length设置为0来清除现有数组。这种清空数组的方式还会更新指向原始数组的所有引用变量。

    6.6K31

    2_注释与变量_javascript_脑图系列

    即字符串 使用变量 在程序中直接以变量名来指代保存 的数据 例子:输出num变量里的数据 document.write(num); 修改变量的数据(不需要var来重复定义) 变量名 = 新数据...对象是一个复合型的数据,一个对象可以有多个键值对来保存多个数据 Number:表示数字,比如 1 、 2、0.4、-4.5、123 String:表示字符串,即文本。...表示程序中条件的正确或错误。只有两个取值 Symbol:表示符号类型。ES6新增的。每个Symbol数据会表示一个唯一值。多用于表示对象属性的唯一。 undefined:特殊值,表示未定义。...同时也是每个变量的默认值。 null:特殊值。表示对象的状态为空,一般用于对象数据处理,表示当前对象没有数据。...数字转字符串 相关链接: 1_输入与输出_javascript_脑图系列

    37830

    【JavaScript】案例1:使用JS完成注册页面校验

    专栏介绍 【JavaScript】 目前主要更新JavaScript,一起学习一起进步。 本期介绍 本期主要介绍案例1:使用JS完成注册页面校验 文章目录 1. 需求说明 2. ...变量的声明: var 变量名 ; // 变量赋予默认值,默认值为 undefined (未定义的) 变量的声明和赋值: var 变量名 = 值 ; // 变量赋予对应的值...所以 JavaScript 的引用数据类型都是 对象 。 JavaScript 对象类型的默认值是 null....仅根据方法名来调用函数,即使实参与函数的 形参不匹配,也不会影响正常调用; 如果形参未赋值,就使用默认值 undefined 2.4 正则对象 2.4.1 RegExp 对象的创建方式..., $ 代表结束 直接量方式的正则是对象,不是字符串,别用引号 2.4.2 test 方法 RegExp 方法 随堂练习 2.4.3 常用正则(附录) 2.5 JS 事件 2.5.1

    3.3K70

    50 个JS 必须懂的面试题为你助力金九银十

    问题2:什么 Javascript JavaScript 是一种轻量级的解释型编程语言,具有面向对象的特性,允许各位在其他静态HTML页面中构建交互性。...Concat() 它连接两个或多个字符串。 forEach() 它为数组中的每个元素调用一个函数。 indexOf() 它返回指定值第一次出现时调用字符串对象中的索引。...问题17: JS中的变量命名约定是什么? 在JS中命名变量时要遵循以下规则: 咱们不应该使用任何JS保留关键字作为变量名。例如,break或boolean变量名无效。...提示: 请使用 isNaN() 来判断一个值是否是数字。原因是 NaN 与所有值都不相等,包括它自己。 问题 36:JS的原始/对象类型如何在函数中传递?...方法二: arrayList.length = 0; 上面的代码将通过将其length设置为0来清除现有数组。这种清空数组的方式还会更新指向原始数组的所有引用变量。

    4.8K30
    领券