开发技术

JavaScript(一):原始类型

JavaScript是一门脚本语言,被广泛用于web应用开发,常常 用来为网页添加动态的效果,提供更好的浏览效果。但是JavaScript是门弱类型的语言,所以在用的时候 特别需要注意一下类型之间的隐形转换。下面介绍一下原始类型。

JavaScript分为:Number类型、String类型、Boolean类型、Undefined类型。

一、Number类型。

JavaScript中一个一种数字类型。数据可以带小数点,极大或者极小的数字可以通过科学计数来书写(如下):

let num_1 = 102;  // 不使用小数
let num_2 = 102.10; //小数

let num_3 = 102e5; // 10200000
let num_4 = 102e-5; //0.00102

二、String类型。

JavaScript中的字符串存储一系列的文本字符的数据,由 Unicode 字符、数字、标点来组成。必须使用 “”、”、“引起来数据.

let str_1 = 'first';
let str_2 = "two";
let str_3 = `three`;

三、Boolean类型。

布尔类型类型只有仅有两个值 : true 和 false。常用在表达式中。这里需要注意的是 在做加减法运算的时候 true 会隐形转换为 1. false会隐形转换为0.

四、undefined类型

undefined 这个值表示变量不含有值。出现的场合有:声明变量未复制。对象属性不存在(如下):

var bool;
bool;              // undeinfed
var bool_obj = {};
bool_obj.demo;     //undefined

五、介绍完基础的类型,现在尝试一下内置的隐形数据类型的转换。

var demo;
demo = 15;    //number
demo = '这里数据类型'; //string类型
demo = false;  //boolean
demo = undefined; // undefined

在上面的代码可以看得到,变量的类型是由值来决定的。 再看下面的情况:

// 数值 - 字符串
1+'1number';   // 11number(string);
1+'0.256';   // 10.256(string);
1-'0.256';   // 0.744(number);
5-'true';  // NaN

// 数值 + 布尔 / (布尔 + 布尔) 
5+true;  // 6(number)
5-false;  // 4(number)


// 布尔 +/- 布尔
true + false; //1(number)
true-false;   //1(number)

// 布尔 + 字符串
true + 'true'; // truetrue(string)

//布尔 + undefined
true + undefined;  //NaN
true - undefined; //NaN

// 字符串 + undefined
'1' + undefined;  //1undefined

有上面的测试可以看出:

① 数值 + 字符串: 会先将数字变成字符串,再进行拼接。

② 数值 – 字符串: 如果字符串转换成number类型,如果是数字,这进行相减,否者返回NaN

③ 数值 + 布尔: 布尔会先转换成数值,再进行相加减。

④ 布尔 + 布尔: 布尔会先转成成数值,再进行相加减。

⑤ 数值 + undefined : 直接返回Nan

⑥ 字符串 + undefined : 会对其进行拼接。

⑦ 布尔 + 字符串 : 布尔会转换成字符串类型 再进行拼接。

其实不用刻意记忆,编码编多了,自然而然就懂了。请期待下一篇 javascript(二):数组、字符串API。

Be the First to comment.

Leave a Comment

电子邮件地址不会被公开。 必填项已用*标注

122 views