字面量??????

字面量:英语叫做literals,有些书上叫做直接量。看见什么,它就是什么。

我们先来学习数字的字面量,和字符串的字面量。剩余的字面量类型,我们日后遇见再介绍。

3.1 数字的字面量

数字的字面量,就是这个数字自己,并不需要任何的符号来界定这个数字。

JavaScript中,数字的字面量可以有三种进制:

10进制:普通的数字就是十进制

8进制:如果以0开头、或者以0o开头、或者以0O开头的都是八进制,八进制只能用0~7来表示

16进制:如果以0x开头的都是十六进制。

八进制举例:

1        <script type="text/javascript">

2            //以0开头,所以就是八进制;显示的时候会以十进制显示

3           //3*8+6=30

4           console.log(036); //30

5           console.log(044);  //36

6           console.log(010);  //8

7           console.log(0o36); //30

8           console.log(0O36); //30

9        </script>

运行结果:

30

36

8

30

30

注意,八进制只能出现0~7这8中字符,如果表示不合法,那么JS将自动的认为你输入错了,从而用十进制进行显示:

1    console.log(088);  //以0开头,按理说是八进制,但是后面的数字错了,所以以十进制显示

输出  88

但是以0o开头、0O开头的数字,如果后面写错了,控制台报错!

1    console.log(0o88);

再看一下16进制:

1    console.log(0xff);

2    console.log(0x2b);

3    console.log(0x11);

运行结果:

255

43

17

如果后面有错误的写法,那么控制台报错:

1    console.log(0x2m);

总结一下,下面的输出结果都是15:

1    console.log(15);

2    console.log(017);

3    console.log(0o17);

4    console.log(0O17);

5    console.log(0xf);

下面的输出结果都是负15:

6    console.log(-15);

7    console.log(-017);

8    console.log(-0o17);

9    console.log(-0O17);

1    console.log(-0xf);

小数的字面量也很简单,就是数学上的点。计算机世界中,小数称为“浮点数”。

允许使用e来表示乘以10的几次幂

1    console.log(-3.1415926);  //-3.1415926

2    console.log(.315);       //.315 如果整数位数是0,可以不写

3    console.log(5e5);         //500000

4    console.log(5.6e5);      //560000

5    console.log(1e-4);        //0.0001

6    console.log(.1e-3);      //0.0001

只有十进制有小数的字面量,八进制、十六进制没有小数的字面量。

最后学习两个特殊的字面量:

Infinity 无穷大

试图输出一个非常大的数字(比如):

1    console.log(3e45645645645645);

至于多大的数字能生成无穷大,不同浏览器不一样,不要管。

可以是负的无穷大:

1    console.log(-3e45645645645645);

我们可以直接在控制台输出无穷大,注意大小写:

1    console.log(Infinity);

NaN 英语全名叫做not a number,不是一个数。比较哲学的是,这个“不是一个数”是一个数字字面量。

1    console.log(0/0);

总结一下,数字字面量有整数字面量(十进制、16进制、八进制),浮点数字面量(要记住e),Infinity,NaN

3.2 字符串

字符串是一个术语,就是人类说的语句、词。

字符串的字面量,必须用双引号、单引号包裹起来。字符串被限定在同种引号之间;也即,必须是成对单引号或成对双引号。

1    console.log("今天天气很好");

1    //  必须是同种引号,这是错误的:

2    console.log('哈哈");

如果一个数字,用引号引起来,那么就是字符串了:

1    console.log(“3”);

转义字符,

\n 回车换行

\t tab缩进

1    alert("你好\n\n我很爱你\n啊");

引号的转译:

正常情况下,引号内部可以有不同种的引号,比如双引号里面可以有单引号:

1    console.log("老师说你像'考拉'一样漂亮");

可以用\” 来表达引号:

1    console.log("老师说你像\"考拉\"一样漂亮");

反斜杠自己也用反斜杠来转义:

1    console.log("c:\\a\\b.jpg");

OK就是这样下面是一些参考代码

这个是数字的字面量的模样,呃,不算漂亮。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>Document</title>
<script type="text/javascript">
// 以0开头,所以就是八进制;显示的时候会以十进制显示 // console.log(036); //3*8+6=30 ,显示30
// console.log(044); //4*8+4=36 ,显示36
// console.log(010);
// console.log(0o36);
// console.log(0O36); // 注意,八进制中只有0~7这几个数字,不能有8、9
// 如果写错了,将当做10进制
// console.log(088); //显示88 // 如果是0o开头的,后面的数字错了,对不起,不转为10进制了,控制台报错!
// console.log(0o88); //报错
// console.log(0O88); //报错 // 十六进制:
// console.log(0xff); //255
// console.log(0x2b); //43
// console.log(0x2m); //报错 // 总结下面的数字都是-15
// console.log(-15);
// console.log(-017);
// console.log(-0o17);
// console.log(-0O17);
// console.log(-0xf); // 浮点数:
// console.log(-3.1415926); //-3.1415926
// console.log(.315); //.315 如果整数位数是0,可以不写
// console.log(5e5); //500000
// console.log(5.6e5); //560000
// console.log(1e-4); //0.0001
// console.log(.1e-3); //0.0001 // 非常小的数字,负无穷大
// console.log(-3e45645645645645); // 输出无穷大
// console.log(Infinity); // 输出NaN
// console.log(0/0);
</script>
</head>
<body> </body>
</html>

以及字符串的字面量的样子

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>Document</title>
<script type="text/javascript">
// 字符串用双引号包裹,或者单引号
// console.log("今天天气很好");
// console.log('今天天气很好'); // 不能不加引号,这是错误的:
// console.log(今天天气很好); // 必须是同种引号,这是错误的:
// console.log('哈哈"); // 一个数字如果加上了引号,那么就是字符串了
// console.log("老王,你中午吃了几碗饭?");
// console.log("3"); //转义字符
//alert("你好\n啊\n我很爱你\n啊"); // 引号的转义
// console.log("老师说你像\"考拉\"一样漂亮"); console.log("c:\\a\\b.jpg");
</script>
</head>
<body> </body>
</html>

这一篇文章到此over,下一篇走起。

前端-JavaScript1-3——JavaScript之字面量的更多相关文章

  1. JavaScript对象字面量

    <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <m ...

  2. JSON字符串和Javascript对象字面量

    JSON字符串和Javascript对象字面量 JSON是基于Javascript语法的一个子集而创建的,特别是对象和数组字面量语法. 正是由于JSON的这种特殊来历,导致很多Javascript程序 ...

  3. JavaScript 对象字面量

    JavaScript 对象字面量   JavaScript 对象字面量 在编程语言中,字面量是一种表示值的记法.例如,"Hello, World!" 在许多语言中都表示一个字符串字 ...

  4. Javascript的字面量对象以及如何拆解字面量对象

    简单的说,字面量对象提供了一直非常方便构建新对象的方式,它的格式非常简单且容易阅读.是大多数前端程序员在构建对象时比较推崇的一种方式. 格式: var person = { name : " ...

  5. javaScript高级教程(九) ------javascript对象字面量--------困扰已久的问题

    在编程语言中,字面量是一种表示值的记法.例如,"Hello, World!" 在许多语言中都表示一个字符串字面量(string literal ),JavaScript也不例外. ...

  6. JavaScript 语法——字面量,变量,操作符,语句,关键字,注释,函数,字符集

    JavaScript 是一个程序语言. 语法规则定义了语言结构. 它是一个轻量级,但功能强大的编程语言.   ㈠JavaScript 字面量 在编程语言中,一般固定值称为字面量,如 3.14. ⑴数字 ...

  7. 2 JavaScript输出&字面量&变量&操作符&语句&标识符和关键字&字符集&语句&数据类型与类型转换

    JS输出: JavaScript没有任何打印或者输出的函数,但是可以用不同的方式输出数据 window.alert():弹出警告框 document.write():写入文档 innerHTML:写入 ...

  8. Js里头的对象字面量

    JavaScript 对象字面量 在编程语言中,字面量是一种表示值的记法.例如,"Hello, World!" 在许多语言中都表示一个字符串字面量(string literal ) ...

  9. JSON对象和JavaScript对象直接量的区别--不同之处

    JSON对象和JS对象直接量 在工作当中,我们总是可以听到人说将数据转换为JSON对象,或者说把JSON对象转换为字符串之类的话,下面是关于JSON的具体说明. JSON对象并不是JavaScript ...

随机推荐

  1. JQuery的常用选择器

    刚开始学JQuery写的如有错误欢迎批评指正 JQuery拥有的选择器可以让我们更快更方便找到想要的元素,然后对相应的元素进行操作 简单介绍一下一些常用的选择器: 1.基本选择器: 标签名选择器: $ ...

  2. ZZW原创_rsync同步时由于注释问题引起的@ERROR: chdir failed

    1.需求:A机器同步文件到B机器 2.问题: A机器执行如下命令: [root@sv0379 rsync]# rsync -vzrtopg  --password-file=/usr/local/rs ...

  3. python----集合用法总结

    集合也是一种数据类型,一个类似列表东西,它的特点是无序的,不重复的,也就是说集合中是没有重复的数据集合的作用:1.它可以把一个列表中重复的数据去掉,而不需要你再写判断2.可以做关系测试,比如说有两个班 ...

  4. python - 基础知识,if语句

    一.认识计算机 计算机是一个高度集成的电子电路. 组成:CPU(中央处理器).内存 .主板 .电源(心脏) .显示器  .键盘  .鼠标  .显卡(NAVID,AMD) .硬盘 操作系统 :Windo ...

  5. webpack配置接口路径

    比如在webpack.config.js中的plugins中加入 new webpack.DefinePlugin({ 'process.env.NODE_ENV': JSON.stringify(' ...

  6. 遇见 TiDB

    遇见 TiDB 文章来源:企鹅号 - 塔塔驿站 最近TiDB掀起了一波分布式数据库的热潮,公司也在着手准备TiDB的落地工作,前几天也参与了几场公司针对TiDB的分享会,下面我们了解一下关于TiDB. ...

  7. Quartz定时器+Spring + @Autowired注入 空指针异常

    在Quartz的定时方法里引用@Autowired注入Bean,会报空指针错误 解决办法: 第一种方法:(推荐,简单,亲测可行) 使用@Resource(name="指定要注入的Bean&q ...

  8. 从零开始学Shell(二)

    $1,$2....${10},${11},[root@localhost cee]# cat p.sh #!/bin/bash#file_name:p.shecho $1 $2[root@localh ...

  9. iframe子页面控制父页面滚动高度,直接蹦到父页面开头

    zepto调用父页面窗口元素的scrollTop()方法会报错,貌似是scrollTop函数中有个scrollTo()方法用到this,指向错误. 经检查, 原生js控制父页面滚动,只能写数字,不能带 ...

  10. vue 使用vux封装的微信分享

    main.js引入 import {WechatPlugin} from 'vux' Vue.use(WechatPlugin) 公共的jswxShare.js import Vue from 'vu ...