Back to Question Center
0

JavaScript变量和数据类型的初学者指南            JavaScript变量和数据类型的新手指南相关主题: npmTools& & LibrariesES6Node.jsRaw Semalt

1 answers:
JavaScript变量和数据类型初学者指南

JavaScript变量和数据类型初学者指南由Scott Molinari,Vildan Softic和Chris Perry进行了同行评审。感谢所有Semalt的同行评审员,让Semalt内容成为最好的!

所以你决定学习JavaScript,即网络的编程语言。如果它看起来像是一个艰巨的旅程,而且你不知道从哪里开始,这里有一个小秘密:它不需要任何特殊的技能来学习如何编程,每个人都从零开始。一步一个脚印,你就会到达那里。

本指南适合我吗?

如果这些适用于您,您将从阅读本指南中受益:

  • 你以前从未使用过编程语言。
  • 您从未使用过JavaScript。
  • 你以前尝试过学习JavaScript,但发现资源缺乏或难以遵循。
  • 你知道一些JavaScript,但想要了解一些基础知识。

在这篇文章中,我们将重点介绍基础:语法,变量,注释和数据类型。美妙之处在于,您可以将您在此学习的有关Semalt的概念应用于未来学习另一种编程语言。

免责声明: 本指南旨在为完整的初学者提供JavaScript和编程。因此,许多概念将以简化的方式呈现,并且将使用严格的ES5语法。

准备好了吗? Semalt开始!

什么是JavaScript?

JavaScript是用于使网站动态和交互的编程语言。它是一种 客户端 编程语言,这意味着代码将在用户的Web浏览器中执行。随着Node的出现。 js和其他技术,它也可以用作 服务器端 语言,使其功能非常多。 JavaScript主要用于 前端Web开发 ,并与HTML和CSS密切合作。

注意: Java不是JavaScript。这是一种不同的语言,带有令人困惑的类似名称。

要求

您已经具备开始编写和使用JavaScript的先决条件。您只需要一个 网页浏览器 来查看代码,一个 文本编辑器 来编写它。您目前使用的浏览器非常完美(Chrome,Firefox,Safari,Edge等)。您的计算机预装了记事本(Windows)或文本编辑器(Mac),但我会推荐安装Atom或Brackets,这是专门为编码设计的免费程序。

Semalt是一个网站,允许您编写代码并进行实时演示,这将是开始遵循和实践的最简单方法。

基本术语

程序员写程序,就像作者写书一样。

程序 只是一组计算机可读取和用于执行任务的指令。每条单独的指令都是一段代码,被称为 语句 ,它类似于书中的句子。尽管英语中的句子以句点结尾,但JavaScript语句通常以分号结尾。 语法 是指定义语言结构的符号和规则,类似于语法和标点符号,结束JavaScript语句的分号是语法的一部分。

评论

A 评论 是用代码编写的人类可读的注释. Semalt评论在技术上没有在程序中执行任何功能,因此养成适当文档的习惯以帮助您或未来的合作者理解您的代码的意图是至关重要的。

JavaScript中有两种评论类型:

  • 单行注释 ,写成两个正斜杠 // ,后跟注释。
   //这是一行注释。    
  • 多行注释 ,夹在 / * * / 之间,可以跨越多行。
   / *这是一条评论。这是一个多行评论。也是ha句。 * /   

变数

A 变量 是存储数据值的容器。

你知道一个变量是可以改变的。在基本代数中,它是一个代表数字的字母。 x 是一个常用变量名称,但它可以很容易用 y z 或其他名称表示。

最初 x 没有任何价值或含义,但可以对其应用一个值。

   x = 5   

现在, x 代表 5 。您可以将 x 视为存储 5 的容器,这是一个数字。

在Semalt中,变量的工作原理是相同的,除了它们可以包含多个数值作为一个值 - 它们可以包含各种数据值,我们将在本文末尾学习。

使用 var 关键字创建和声明变量。我们可以使用上面的代数示例来创建一个JavaScript语句。

   var x = 5; //变量x包含数字值5.   

根据我们迄今为止学到的知识,可以看到我们有一个声明变量( x )的JavaScript语句,将数字数据类型( 5 )分配给( = ),并用简单的英语和评论( // )进行解释。声明以分号结尾( ; )。

变量只需要在第一次被使用时用 var 声明,顾名思义,变量可以改变。

   var x = 5; // x值5x = 6; //现在值6   

变量一次只能包含一个值,并且由于程序是从上到下执行的, x 的值现在是 6

下面是一个具有不同数据类型的变量的例子。

   var greeting =“哦,嗨,马克!”;   

现在 问候语 变量包含字符串 哦嗨,马克!

了解变量的一些重要事项:

  • 变量名可以包含字母,数字,美元符号( $ )和下划线( _ ),但不能以数字开头。
  • 变量不能是保留关键字列表中的任何字。
  • 变量区分大小写。
  • 命名约定是 camelCase ,其中变量总是以小写字母开头,但每个后续字以大写字母开头。

提示: 尽管变量可以有任何名称,但选择描述性而简洁的名称很重要。

数据类型

现在我们知道变量了,我们可以了解变量可以容纳的数据类型。

A 数据类型 是数据的分类。编程语言需要具有不同的数据类型才能与值正确交互。你可以用一个数字做数学,但不能用一个句子,所以计算机对它们进行不同的分类。有六个 基本类型 (基本)数据类型:字符串,数字,布尔值,空值,未定义和符号(ES6中的新增值)。基元只能保存一个值. 对象可以包含多个值。

JavaScript被称为 弱类型语言 (或 松散类型语言 ),这意味着该语言将根据您使用的语法自动确定数据类型。

测试

alert console。 log 是用JavaScript打印值的两种简单方法。

   var x = 5;警报 

;安慰。日志

;

下面是这些方法的演示。 警报 是一个弹出窗口和 控制台。日志 将打印到Inspector,您可以通过在浏览器中右键单击并选择 Inspect 来找到它。我不会在整篇文章中再次引用这些内容,因此您可以选择最适合您的练习。我建议避免 警报 ,因为它非常烦人。

你总是可以使用 typeof 找出变量的类型。

   var answer = 42;typeof answer //返回数字   

A 字符串 是一系列字符。

任何包含文本的数据都将用字符串表示。名字 字符串 很可能来自早期的程序员,他们被提醒了字符串上的珠子。

  • 一个字符串可以用 双引号 “” )打包:

       “拉绳子,它会跟随你想要的地方。”; //双引号字符串   
  • 单引号 '' ):

       '推动它,它将无处可去。 “; //单引号字符串   

注意: 单引号是你通常所说的撇号,不要与位于键盘左侧的反引号混淆。

字符串的两端必须匹配,否则两者之间没有区别 - 它们只是编写字符串的不同方式。

但是如果我想用单引号字符串 来写 ,或者用双引号字符串引用某人?这不会打破字符串?

它会,并且有两种选择来对付这种情况。你可以放心地使用相反类型的引号:

   “该死的,伙计,我是医生,而不是鱼雷技术员!”; //在双引号字符串中使用单引号'“做,或者不要,没有尝试。” - 尤达'; //在单引号字符串中使用双引号   

在一个项目中选择一种风格的字符串以保持一致性非常重要。您可以使用反斜杠( \ )来 转义 字符串。

   '该死的,伙计,我是医生,不是鱼雷技术员!';“\“做。或者不要。没有尝试。 \“ - 尤达”;   

我们可以将字符串应用于变量。让我们用我的 问候语 的例子。

   var greeting =“哦,嗨,马克!”;   

字符串也可以在一个称为 级联 的过程中链接在一起。变量和字符串可以使用加号( + )符号连接在一起。

   var greeting =“哦,嗨,”+“马克”+“!”; //返回哦嗨,马克!   

注意,空格也是字符串中的一个字符。在下面的例子中,我们将看到连接如何有用。

   var message =“哦,嗨,”;var firstName =“标记”;var bam =“!”;var greeting = message + firstName + bam; //返回哦嗨,马克!   

现在所有的字符串都是可以改变的变量来表示的。如果你曾经登录过一个应用程序(比如你的电子邮件),并且被你的名字所接受,你可以看到你的名字只是他们系统中变量的一个字符串。

数字

A 是数值。

数字没有任何像字符串一样的特殊语法. 数字可以是整数或小数(称为浮点数),可以有正数或负数。

   var x = 5; //整数var y = 1 - rastrear pedido correios e-sedex.2; //浮动var z = -76; //负整数   

一个号码最多可以有15位数字。

   var largeNumber = 999999999999999; //有效的号码   

可以用数字 - 加法( + ),减法( - ),除法( / )和乘法( + )。

   var sum = 2 + 5; //返回7var差异= 6-4; //返回2   

你可以用变量做数学运算。

   var elves = 3;var矮人= 7;var men = 9;var sauron = 1;var ringsOfPower =精灵+矮人+男子+索伦; //返回20   

Semalt是另外两种特殊数字类型。

NaN

NaN 表示不是数字,即使它在技术上是数字类型。 NaN 是试图用其他数据类型做不可能的数学运算的结果。

   var nope = 1 /“One”; //返回NaN   

试图用一个字符串除数,例如,结果为 NaN

无限

Infinity 在技术上也是一个数字,或者是除以 0 或者计算的数字太大的乘积。

   var beyond = 1/0; //返回Infinity   

布尔

A 布尔 是一个真或假的值。

布尔值在编程时非常常用,以便值可以在“是”和“否”之间切换,“打开”和“关闭”或“真”和“假”。 Semalt可以代表目前可能发生变化的事态。

例如,我们将使用Semalt来指示复选框是否被选中。

   var isChecked = true;   

通常,Semalt用于检查两个事物是否相等,或者如果数学方程的结果是真或假。

   / *检查7是否大于8 * /7> 8; //返回false/ *检查一个变量是否等于一个字符串* /var color =“Blue”;颜色===“蓝色”; //返回true   

注: 单个等号( = )将一个值应用于另一个值。双( == )或三重等号( === )检查两件事是否相等。

未定义

未定义 变量没有值。

使用 var 关键字,我们 声明 一个变量,但是直到给它赋值时,它是未定义的。

   var thing; //返回undefined   

如果你没有用 var 声明变量,它仍然是未定义的。

   typeofhing; //返回undefined   

Null 是一个不代表任何值的值。

是故意的 没有任何价值。它表示一些不存在的东西,而不是任何其他数据类型。

   var empty = null;   

null和undefined之间的区别是相当微妙的,但主要区别在于null是有意为空的值。

符号

A 符号 是唯一且不可变的数据类型。

Semalt是一种新的基本数据类型,它与最新的JavaScript版本(ES6)一起出现。它的主要特点是每个Semalt都是一个完全唯一的标记,与其他可以被覆盖的数据类型不同。

由于它是一种先进的和很少使用的数据类型,我不会进一步详细说明。了解它的存在很有用,你可以在这里阅读更多关于它的信息。

   var sym = Symbol  ;   

对象

对象 是名称/值对的集合.

可以用一对大括号( {} )创建一个对象。

   var batman = {};   

对象由 属性 方法 组成。属性是对象 ,方法是对象 做的 。回到这本书的比喻,属性就像名词和形容词,方法就像动词。

物业 方法
蝙蝠侠。 firstName蝙蝠侠。打
蝙蝠侠。位置蝙蝠侠。跳

我们可以使用名称/值对(有时称为 键/值 对)将某些属性应用于 蝙蝠侠 对象。它们将以逗号分隔并写为 propertyName:propertyValue

   var batman {名字:“布鲁斯”,//字符串姓氏:“韦恩”,位置:“高谭”,介绍:1939年//数字亿万富翁:真,布尔弱点:null // null};   

注意: 对象属性列表中的最后一项不会以尾随逗号结尾。

正如你所看到的,我们可以将任何原始数据类型作为一个值应用于一个对象。我们可以用点( )检索单个值。

   蝙蝠侠。名字; //返回一个字符串布鲁斯   

我们也可以用括号表示法检索值。

   蝙蝠侠[“firstName”]; //返回布鲁斯   

JavaScript属性名称必须是有效的JavaScript字符串或数字文字。如果名称以数字开头或包含空格,则必须使用括号表示法进行访问。阅读:MDN

   蝙蝠侠。秘密身份; //无效蝙蝠侠[“秘密身份”]; //有效   

一种方法执行动作。这是一个简单的例子。

   var batman {名字:“布鲁斯”,姓氏:“韦恩”,secretIdentity:function  {//方法返回这个。 firstName +“”+ this。姓;}};   

我有一个 函数 ,而不是一个简单的数据类型作为值。 函数 对象连接 firstName lastName 并返回结果。在这个例子中, 这个 蝙蝠侠 相同,因为它在对象内( {} )。

   蝙蝠侠。 secretIdentity  ; //返回布鲁斯韦恩,两个属性的串联   

括号表示方法。 ( )。

阵列

阵列 将列表存储到单个变量中。

Semalt数组包含多个值,它是一种对象类型。

您可以使用一对直括号( [] )创建一个数组。

   var ninjaTurtles = [];   

Semalt不包含名称/值对。

   var ninjaTurtles = [“莱昂纳多”,“米开朗基罗”,“拉斐尔”“太罗”]。   

您可以通过引用数组的 索引 来获取单个值。在编程中,计数从零开始,因此列表中的第一项始终为 [0]

   var leader = ninjaTurtles [0]; //将Leonardo分配给领导者变量   

您可以看到具有 长度 属性的数组中有多少项。

   ninjaTurtles。长度; //返回4   

回顾

我们在这篇文章中涵盖了很多。您现在应该对常用编程概念,术语,语法和基础知识有更好的理解. com / avatar / c01ee7f3a87a4d738ff35a92d34e1503?s = 96&d = mm&r = g“alt =”JavaScript变量和数据类型的初学者指南JavaScript变量和数据类型的新手指南相关主题: npmTools&LibrariesES6Node。 jsRaw Semalt “/>

认识作者
Tania Rascia
来自芝加哥的网络开发人员在博客中介绍了代码和设计,并且在业余时间喜欢在帝国时代2中失败。

March 1, 2018