「译」JavaScript 概述 Introduction to JavaScript

译自:codecademy

Console 控制台

Console是一个为开发者展示重要信息(like errors)的面板。大多数计算机对代码进行的操作是不可见的,若想看见,可以直接在console上print, or log。

在JS中, the console keyword 指 an object,a collection of data and actions, that we can use in our code. Keywords are words that are built into the JavaScript language, so the computer will recognize them and treats them specially.

One action, or method, 一旦被建立在 the console object 中,它就是 the .log() method. 当我们写下console.log() 时,放入圆括号内的,即是将要被printed, or logged, to the console 的部分。

This example logs 5 to the console. 

分号表示the end of the line, or statement. 尽管不写分号也能生效,但是为了养成好习惯,还是写上吧。

Comments 注释

注释是给人看的(不是机器)

单行注释以双斜线开头
也可以在一行代码后使用
多行注释以/*开头,*/结尾


你也可以用这个句法注解掉一行代码中间的某一部分

Data Types 数据类型

JS中,有 7 种 fundamental data types :

1.Number: Any number, including numbers with decimals(小数): 4, 8, 1516, 23.42.

2.String(字符串): Any grouping of characters on your keyboard (letters, numbers, spaces, symbols, etc.) surrounded by single quotes: ' ... ' or double quotes " ... ". Though we prefer single quotes. Some people like to think of string as a fancy word for text.

3.Boolean(布尔值): This data type only has two possible values— either true or false (without quotes). It’s helpful to think of booleans as on and off switches or as the answers to a “yes” or “no” question.

4.Null: This data type represents the intentional(故意的)absence of a value, and is represented by the keyword null (without quotes).

5.Undefined: This data type is denoted by the keyword undefined(without quotes). It also represents the absence of a value though it has a different use than null.

6.Symbol: A newer feature to the language, symbols are unique identifiers(标识符), useful in more complex coding. No need to worry about these for now.

7.Object: Collections of related data.

前6种类型被称为primitive data types,它们是JS中 most basic data types。Objects 较为复杂,当你深入学习JS时自然会了解。7种类型看起来似乎不多,但随后你将会发现,当你利用它们每一种时,将会创造不一样的世界。随着你更多地了解objects,你将会创造 complex collections of data.

上例中,我们首先写入了一个字符串(string),它不只是是一个单词,它包括capital and lowercase letters(大小写字母), spaces, and punctuation(标点符号).

Arithmetic Operators 算数运算符

An operator is a character(符号) that performs a task in our code.

JS有几个内置的 arithmetic operators,它们可以助你进行数学运算:

Add: +

Subtract: -

Multiply: *

Divide: /

Remainder(求余数): %

前四种符号含义不言自明

注意console.log()将会计算评估(evaluate)括号内的表达式,然后输出结果至console。

String Concatenation 字符串联接

Operators 不仅可以用于数字,当+ operator 用于两个strings中时,它将会将在左边的string后面追加右面的string,这个过程称为concatenation(串联,联接)

在第三个例子中,若需两个strings之间有空格,则要在第一个string后面加入空格。

Properties 属性

当你在JS中引入一段data时,浏览器将其作为 an instance of the data type 来保存。每个 string instance 都有一个 length 属性,它存储着该string的字母个数。你可以通过在这个string后面(append)追加a period and the property name,来检索(retrieve)这个属性信息 :

The is another operator! We call it the dot operator.

上例中,这个progra将输出(print)至console,因为Hello有5个字母。

Methods 方法

Remember that methods are actions we can perform. JavaScript provides a number of string methods.

We call, or use, these methods by appending(在后面追加) an instance with a period (the dot operator), the name of the method, and opening and closing parentheses:

ie. 'example string'.methodName().

这个语法是否似曾相识?当我们使用 console.log() 时,we’re calling the .log() method on the console object

 Let’s see console.log() and some real string methods in action!

On the first line, the .toUpperCase() method is called on the string instance 'hello'. The result is logged to the console. This method returns a string in all capital letters: 'HELLO'.

On the second line, the .startsWith() method is called on the string instance 'Hey'. This method also accepts the character 'H'as an input, or argument, between the parentheses. Since the string 'Hey' does start with the letter 'H', the method returns the boolean true.

Built-in Objects 内置对象

除了console,JS中还有其他内置的objects。你可以建立your own objects,但是对这些新的“built-in” objects都有其特定的设计目的 (functionality)。

例如,你想执行一复杂的数学运算(不是简单的加减乘除),JS有 the built-in Math object.

Objects 的优势是他们有 methods!Let’s call the .random() method from the built-in Math object:

上例中,我们在 the object name (Math)之后添加了 .random() method 。该 method 将在0和1之间随机返回一个数字。

要在0~50之间生成一个随机数,我们可以将结果乘以(multiply)50,如下:

上例中我们可能会得到小数。为确保答案是一个整数(a whole number),我们可以利用另一个useful Math method —— Math.floor().

一旦Math.floor()得到小数,它将四舍五入取(round)最近的整数(whole number),如下:

上例中:

Math.random 生成了0和1之间的随机数。

当我们乘以50后,将得到0~50之间的数字。

然后,Math.floor()将四舍五入取整数。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,445评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,889评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,047评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,760评论 1 276
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,745评论 5 367
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,638评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,011评论 3 398
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,669评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,923评论 1 299
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,655评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,740评论 1 330
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,406评论 4 320
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,995评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,961评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,197评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,023评论 2 350
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,483评论 2 342

推荐阅读更多精彩内容