JavaScript中,关于变量和声明的一些坑

今天翻译的这篇文章依旧比较基础,是这个系列文章的第三篇。主要讲述了JavaScript中关于变量声明和代码编写时你可能没它留意的一些坑。

那些熟悉PHP,C,Java语言的人初接触JavaScript时,往往会觉得这是一门非常奇怪的语言。让我们从语言的基本特性:变量以及编码方式等方面来说说这些奇怪的地方。

代码结构

分号(;)

JavaScript的语句直接是用分号(;)来隔离的。

    alert('hello');    alert('world');

空格和tab会被自动忽略,上述语句放在一行写也是可以的。

alert('Hello'); alert('World!');
但是换行符并不会被忽略,换行符起到了分号(;)的功能。

分号(;)缺失“陷阱”

JavaScript初学者写多条语句时常常会在分号上栽跟头。

陷阱1

下面的语句是不会运行的

var a="long
line"
语法分析程序会把它解释为

var a = "long;
line ";
有未完结的字符串时(缺少反引号)会报错。

陷阱2

下列语句不能得到你想要的结果

return
result;
它被解释为

return;

result;
这和

return result;
明显不同。

如果你想得到正确的答案,转义符()(反斜线)可以帮你。下列语句可以正确运行。

return \
result;
var a = "long \
line "
如果一个表达式没有结束,换行也会被忽略。下面的代码都是可以正常运行的,有些奇怪,不过事实就是这样。

var a = "long " +
" line "

var b = 2 + (
2 + 3
)

var b = 2 * 2

  • 4
    alert(b)

总的来说,在大多数情况下,在结尾省略分号(;)是可行的,但是这样可能会导致一些莫名奇妙的bug,关于是否写分号,一直以来到存在争议,不过越来越多的人认为在结尾处加上分号是一个好习惯。

变量

定义

变量是需要被定义的,在任何地方使用var都不会出错,(ES6有let,const)

var x;
变量被定义后就可以被赋任何值。

var x;
x = 5;
变量也可以一次性定义多个,用逗号分开

var x,y,z;
还可以一边定义一边赋值

var x="lalla",y="hahha";
JavaScript中也可以给一个未定义的变量赋值

x="lalla",y="hahha";
但是这样变量会变为全局变量,会导致一些你不想要的后果。

变量名称

变量名的开头必须是字母,$或_,第二位及以后还可以使用数字。

var $this,
private,
$,
,
$1,
user15
需要注意的是,JavaScript大小写敏感,A和a是两个不同的变量。

保留字

JavaScript中有一批称为保留字的家伙是不能用做变量的,用了在一些浏览器中很可能会报错。这里有一份保留字列表。

变量类型

主要有

  1. number

  2. string

  3. boolean

  4. object(很神奇的东西,以后会详细说到)

  5. special values:bull和undefined

弱类型

JavaScript中的变量是弱类型的,这意味着一些两点

  1. 每个变量都有其类型;

  2. 一个变量值得改变会影响它的类型。

比如说

var userId = 123; // 123 is a number
var name = "John"; // "John" is a string

var userId = 123; // 123 is a number
userId = false; // now userId is boolean

注释

JavaScript有两种注释方法

  1. 单行注释

// let's see who is here:
var name = "John"; // My most valued visitor

  1. 多行注释
/*The following variable has a short name.Usually a short name means that the variable istemporary and used only in nearest code.*/var a = "John";

由{}包起来的多行语句称作块。这在for,if,while,function等中常常用到。

本文小结

  1. 在任何地方使用var 定义变量都不会出错;

  2. 变量可以是任何类型

  3. 两种注释方式

  4. 在语句结束时不要忘了加分号。

  5. 原文Variables and statements

  6. [深入了解JavaScript系列文章]()

关键字:JavaScript

版权声明

本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符,请点击 举报 进行投诉反馈!

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部