深入js系列-类型(开篇)

思考

作为一个编程人员,你可能从来没仔细思考过,为什么这么多高级语言会有类型这东西。
实际上,类型有点类似生活中的类别,我们日常生活,早已经把这个概念理解到了,切肉和切水果会用不同的刀。

语言级别的类型给我们带来了什么

类似分类,我们会用合适的类别去做它擅长的事,编程语言的类型给我们带来的就是它们自身的特性,比如我们在条件判断一个开关状态的时候,通常用布尔值更方便,另外一方面,编程语言提供了超越生活的操作,类型转换,学习类型,有利于我们从容应对显式转换,更加要提及的是,对于隐式转换,我们能更加快速定位问题。

我们js的隐式转换,一边带着恐惧,一边还在使用着它,因为一昧地强制转换,带来的代码冗余是很可怕的

看一个例子

//一个常见的例子
a + "" //隐式转换为字符串
String(a) + " " //显式转换字符串

//另外一个常见例子
var a = 42;
var b = null;
var c = "foo";
a && b
if (a && (b || c)) { //在js里 && || 算不上是逻辑运算符,而是返回一个值,然后隐式转换为布尔值
  console.log( "yep" );
}

// 可以看这个例子
let a = 1
let b = null
console.log(a && b)
console.log(a || b)

//看看我们第二个例子的显式转换版本,好吧,确实是“显式”,但是可读性和简洁性大大下降
if (!!a && (!!b || !!c)) {
  console.log( "yep" );
}
“捷径”

现在的人都是想着学习"有用的",但是谁来告诉你有用,答案是没有人能准确告诉你,就像一个人的成功,是很难复制的,粮食构筑了我们强壮的身体,而知识,带来的是我们思维高度的变化,就算忘记了,思维的转变都已经发生,因为学习了C++,它的指针思想,让我对值传递和引用传递的理解更加深刻,学习了java,在我学习TypeScript时,意识到静态语言的好处,从而理解声明式类型系统和线型类型系统的区别,我很快掌握了TypeScript想要干什么,按照这个思路我很快就上手了

ECMAScript 语言类型

Undefined Null Boolean String Number Object

js内置类型

null undefined boolean number string object symbol

我们依次来理解这些值的场合

undefined(未定义)

什么叫未定义?

let a //这是未定义? 还是说一个未存在的变量b是未定义

引入一个C++的概念,声明和定义

let a = 1 //定义:可以为变量分配存储空间,并且可以给变量一个初始值

let b //声明:告诉编译器这个变量的名字和类型(extern int a;(在没有赋值的情况下,变量前加上关键字extern一定为声明))
js无法区分未定义变量和未声明变量
let a = 1
b //没有声明的变量
typeof a //undefined
typeof b  //undefined

不过我们这样做, typeof不会区分undefined和undeclared,但是给了我们应对的方法

//DEBUG 是一个开发环境下定义的全局变量,生产环境下没有这个变量
// 这样会抛出错误,ReferenceError: DEBUG is not defined
if (DEBUG) {
console.log( "Debugging is starting" );
}
// 这样是安全的
if (typeof DEBUG !== "undefined") {
console.log( "Debugging is starting" );
}

也许你不知道,undefined并不是一个关键字,这意味着我们可以定义它或者给它赋值,但是永远不要这样子做

// 非严格
undefined = 2 //可以

// 可以定义一个变量叫undefined,但是永远不要这样做

function foo() {
"use strict";
var undefined = 2;
console.log( undefined ); // 2
}
foo();
undefined小结

undefined在规范下,只出现在变量未定义或者未声明情况下,我们使用下面100%安全的检测方法

  typeof v === "undefined" //检测一个变量未定义或未声明

猜你喜欢

转载自www.cnblogs.com/sefaultment/p/10570268.html
今日推荐