余晖落尽暮晚霞,黄昏迟暮远山寻
本站
当前位置:网站首页 > 编程知识 > 正文

前端教程:JavaScript变量和数据类型(javascript的变量类型)

xiyangw 2022-11-26 16:49 21 浏览 0 评论

编程语言的最根本的特征之一是一组它支持的数据类型。这些是可被表示和操纵的编程语言的值的类型。

JavaScript允许有三个基本数据类型:

数字如.123,120.50等.

字符串如"Thistextstring"等.

布尔类型,如true或 false.

的JavaScript还定义了两种数据类型:null和undefined,其每一个仅限定一个单一的值。

除了这些基本的数据类型,JavaScript支持被称为对象的复合数据类型。我们会看到在一个单独的章节介绍对象细节。

注:Java不作整数和浮点值之间的区别。在JavaScript中的所有数字都表示为浮点值。JavaScript表示使用由IEEE754标准中定义的64位浮点格式的数字。

JavaScript变量:

像许多其他的编程语言,JavaScript有变量。变量可以被认为是命名容器。您可以将数据放入这些容器,然后参考该数据简单地命名容器。

要在JavaScript程序使用一个变量,必须声明它。变量是用var关键字声明如下:

<script type="text/javascript">
<!--
var money;
var name;
//-->
</script>123456复制代码类型:[javascript]

还可以用相同的var关键字声明多个变量如下:

<script type="text/javascript">
<!--
var money, name;
//-->
</script>12345复制代码类型:[java]

存储在变量中的值被称为变量的初始化。可以在变量创建或更新的时候初始化,需要一个变量,如下所示:

例如,可以创建一个名为变量money和2000.50值,然后分配给它。对于另外一个变量,可以按如下初始化时分配一个值:

<script type="text/javascript">
<!--
var name = "Ali";
var money;
money = 2000.50;
//-->
</script>1234567复制代码类型:[java]

注意:使用var关键字只声明或初始化。一旦变量名称声明它的生命周期在整个文档中。不需要重新声明同一个变量两次。

JavaScript是类型化的语言。这意味着,JavaScript变量可以保存任何数据类型的值。不像许多其他语言,你不必在变量声明什么类型的值的变量将持有告诉JavaScript。变量的值类型可以在程序的执行过程中改变以及JavaScript会自动。

JavaScript变量范围:

一个变量的范围是程序中定义它的区域。JavaScript变量将只有两个范畴。

全局变量: 全局变量具有全局范围,这意味着它是无处不在于定义JavaScript代码中。

局部变量: 局部变量将只在那里它被定义的函数是可见的。函数的参数是局部的功能。

在一个函数的主体中,局部变量优先于具有相同名称的全局变量。如果声明具有相同名称作为一个全局变量,一个局部变量或函数参数,可以有效地隐藏全局变量。下面举例说明吧:

<script type="text/javascript">
<!--
var myVar = "global"; // Declare a global variable
function checkscope( ) {
   var myVar = "local";  // Declare a local variable
   document.write(myVar);
}
//-->
</script>123456789复制代码类型:[javascript]

这将产生以下结果:

local1复制代码类型:[javascript]

JavaScript的变量名:

虽然在JavaScript中变量命名保持以下几点规则。

不应该使用任何保留的JavaScript关键字作为变量名。这些关键字中到的下一部分。例如,break或者boolean变量名是无效的。

JavaScript变量名不应以数字开始(0-9)。他们必须以字母或下划线

例如,123test是无效的变量的名称,但_123test是一个有效的。

JavaScript变量名称是区分大小写。例如,Name 和name 是两个不同的变量。

JavaScript的保留字:

以下是在JavaScript中的保留字。它们不能用于如JavaScript变量,函数,方法,循环标签,或任何对象名称。

abstract
boolean
break
byte
case
catch
char
class
const
continue
debugger
default
delete
do
double

else
enum
export
extends
false
final
finally
float
for
function
goto
if
implements
import
in

instanceof
int
interface
long
native
new
null
package
private
protected
public
return
short
static
super

switch
synchronized
this
throw
throws
transient
true
try
typeof
var
void
volatile
while
with


开课吧广场-人才学习交流平台

相关推荐

Vue的框架(了解)

前端MVC设计模式MVC设计模式,其实就是将前端实现某个业务的所有代码划分为三部分Model:模型,指数据模型,这个数据一般来自于服务器View:视图,指页面标签内容Controller:控制...

Vue.js实战 第五章练习一

练习要求:在原有表格基础上,新增一项是否选中该商品的功能,总价变为只计算选中商品的总价,同时提供一个全选的按钮。实现思路:按照vue数据和dom元素双向绑定的特性,定义allCheckStatus变量...

Vue基础到进阶教程之class和style绑定

关于class和style我们并不陌生,这个在学习css的时候就是家常便饭了,操作元素的class列表和内联样式是数据绑定的一个常见需求。因为它们都是属性,所以我们可以用v-bind处理它们,...

深入Vue 必学高阶组件 HOC「进阶篇」

作者:ssh转发连接:https://mp.weixin.qq.com/s/seKoLSIMtTd1sU4uDrgZCA前言高阶组件这个概念在React中一度非常流行,但是在Vue的社区里讨论...

周末大礼包,23道高质量中级前端面试题。金九银十,建议收藏

这套面试题考察的内容比较常见,涉及到JavaScript、ES6、CSS、Vue、简单算法,浏览器相关知识等。题目列表1.JavaScript的数据类型有哪些2.什么是同源策略3.跨域的方法...

vue3.0-摒弃Object.defineProperty,基于 Proxy 的观察者机制

写在前面:11月16日早上,Vue.js的作者尤大大在VueToronto的主题演讲中预演了Vue.js3.0的一些新特性,其中一个很重要的改变就是Vue3将使用ES6的Proxy作...

程序员都必掌握的前端教程之VUE基础教程(七)

阅读本文约需要10分钟,您可以先关注我们,避免下次无法找到。本篇文章成哥继续带大家来学习前端VUE教程,今天主要讲解VUE的表单处理等知识点。下面我们就一起来学习该块内容吧!01简介在日常开发中,我...

web前端开之网站搭建框架之vue详解

网站搭建框架之vueVue是web前端快速搭建网站的框架之一。它与jQuery有所不同,是以数据驱动web界面(以操作数据改变页面,而jQuery是以操作节点来改变页面),同时,vue还实现了数据的双...

vue3.0尝鲜-基于 Proxy 的观察者机制探索

Vue.js的作者尤大大在VueToronto的主题演讲中预演了Vue.js3.0的一些新特性,其中一个很重要的改变就是Vue3将使用ES6的Proxy作为其观察者机制,取代之前使用...

TypeScript 设计模式之观察者模式

一、模式介绍1.背景介绍在软件系统中经常碰到这类需求:当一个对象的状态发生改变,某些与它相关的对象也要随之做出相应的变化。这是建立一种「对象与对象之间的依赖关系」,一个对象发生改变时将「自动通知其他...

vue面试3

1.单页面应用与多页面应用的去别2.简述一下Sass、Less,且说明区别?他们是动态的样式语言,是CSS预处理器,CSS上的一种抽象层。他们是一种特殊的语法/语言而编译成CSS。变量符不一样,les...

VUE v-bind 数据绑定

动态的绑定一个或多个attribute,也可以是组件的prop。缩写::或者.(当使用.prop修饰符)期望:any(带参数)|Object(不带参数)参数:attrOrP...

vue初学习之自定义选择框实现

v-model简单介绍在使用vue的过程中会经常用到input和textarea这类表单元素,vue对于这些元素的数据绑定和我们以前经常用的jQuery有些区别。vue使用v-model实现这些标签...

Vue实现拖拽穿梭框功能四种方式

一、使用原生js实现拖拽打开视频讲解更加详细Vue实现拖拽穿梭框功能的四种方式_哔哩哔哩_bilibili<html><head><meta...

Vue3.x setup 语法糖实现props双向绑定

1.背景为了封装一下Element-Plus的分页插件,需要实现父子组件之间的传值。2.父组件<scriptsetuplang="ts">letqueryPa...

取消回复欢迎 发表评论: