> 웹 프론트엔드 > JS 튜토리얼 > JavaScript 기본 데이터 유형, 값 유형 및 참조 유형 소개

JavaScript 기본 데이터 유형, 값 유형 및 참조 유형 소개

巴扎黑
풀어 주다: 2017-08-17 14:35:54
원래의
1534명이 탐색했습니다.

JavaScript에는 숫자 값(정수 및 실수), 문자열 유형("" 또는 '"로 묶인 문자 또는 값), 부울 유형(True 또는 False로 표시) 및 null의 네 가지 기본 데이터 유형이 있습니다. JavaScript의 기본 유형에 있는 데이터는 상수 또는 변수일 수 있습니다. JavaScript는 약한 유형을 채택하므로 데이터 변수 또는 상수를 먼저 선언할 필요는 없지만 해당 데이터 유형은 사용되거나 할당될 때 결정됩니다. 물론, 값을 할당할 때 데이터 유형을 자동으로 나타내는 데이터 유형을 먼저 선언할 수도 있습니다. ​느슨한 유형 때문입니다.

변수 정의:

var name;

위 코드는 어떤 값이든 저장하는 데 사용할 수 있는 name이라는 변수를 정의합니다. (이와 같이 초기화되지 않은 변수는 특수 값으로 저장됩니다.) -undefine), 변수 값을 초기화할 수도 있습니다.

var name =”jwy”; //javascript 中的单引号和双引号没有区别,不过要注意正确嵌套name=10;
로그인 후 복사
먼저 이름이 문자열 값 "jwy"로 초기화된 다음 숫자 값 - 100으로 변경됩니다. 이 방법은 권장되지 않습니다.

하나의 명령문에 여러 변수를 정의할 수도 있고 많은 자바스크립트 프레임워크가 이를 수행합니다.

var name=”jwy”,author,age=29;
로그인 후 복사

각 명령문에 세미콜론을 추가하는 것이 좋습니다. 여러 변수를 사용하는 경우 가독성을 높이기 위해 줄 바꿈 및 들여쓰기를 권장합니다.

ECMAScript에는 5가지 단순 데이터 유형이 있습니다: Undefine, Null, Boolea, Number 및 String . type - Object

typeof 연산자

Javascript의 변수는 느슨한 유형이므로 ECMAScript에서 위에서 언급한 5가지 간단한 데이터 유형 중 typeof 키워드인 현재 변수의 데이터 유형을 감지하는 방법을 제공합니다( 기억하세요. 이 5개는 C#의 int 및 string 유형과 마찬가지로 하나의 데이터 유형을 나타내는 데이터 유형일 뿐입니다. typeof 키워드를 통해 5가지 데이터 유형은 다음 값을 반환합니다(문자열 형식으로 표시됨

“ 정의되지 않음"                                                                                                                                                              . 값이 부울 값인 경우 Boolean

"string" Boolean ---------- 값이 문자열인 경우 String

"number" ---------- If 값이 숫자 유형 Number

"object" ---------- 이 값이 객체이거나 null인 경우 Object

"function" ---------- 이 값이 다음과 같은 경우 함수 Function

하지만 엄밀히 말하면 ECMAScript에서는 함수가 객체이고 각 함수는 Function 클래스의 인스턴스라고 합니다. 함수는 객체이므로 참조 유형이기도 하므로 함수는 단지 변수일 뿐입니다. 따라서 함수 이름을 매개변수로 함수에 전달한 후 호출하는 경우가 많습니다. 이는 나중에 함수에 대해 자세히 설명하겠습니다. Javascript의 것들은 함수에 의존합니다.

정의되지 않은 유형

위에서 언급한 것처럼 5가지 유형은 데이터 유형이므로, 정의되지 않은 값은 u가 소문자라는 점에 유의하세요. 변수가 선언되었지만 초기화되지 않은 경우 변수의 현재 값은 정의되지 않습니다. 다만, 일반적으로 변수는 최대한 초기화하는 것이 권장되나, 초기 Javascript 버전에서는 undefine 값이 지정되지 않았기 때문에 일부 프레임워크에서는 이전 브라우저와의 호환성을 위해

window["undefined"] = window["undefined"]; 
//或者window.undefined = window.undefined;
로그인 후 복사

간단히 말해서, 윈도우 객체의 정의되지 않은 속성에 undefine 을 할당하는 것입니다. 기존 브라우저 객체에는 정의되지 않은 속성이 없으므로 정의되지 않은 작업을 사용하면 오류가 발생합니다. 따라서 이 방법을 사용하지만 처음에는 이해하기가 다소 어렵습니다. 오래된 브라우저에서는 window.undefine 객체가 없기 때문에 정의되지 않은 값이 반환되므로 이 방법과 호환될 수 있습니다. 오래된 브라우저.

그러나 정의되지 않은 값을 포함하는 변수는 다음과 같이 정의되지 않은 변수와 다릅니다.

var name;
alert(name);//undefinedalert(age);// 错误:age is not defined
로그인 후 복사


还没声明过的变量只能执行一项操作,其他全都不能做,就是使用typeof操作符检测其数据类型。

如果不管声明过未初始化以及未声明过的变量执行typeof都是返回undefined的值。两种变来那个都不能执行真正的操作

Null类型

Null类型的值是null,它表示一个空对象指针,没有指向任何对象,如果一个变量的值是null,那当前变量很有可能就是垃圾收集的对象,使用typeof监测null值时会返回”object”,

var person = null;alert(typeof person);//”object”
로그인 후 복사

建议:如果变量是要用来保存对象的额,则初始化为null,这样到时就可以检测该变量是否已经保存了一个对象的引用的,

注意:undefined值是派生自null的,所以对他们执行相等测试会返回true,如:

alert(null == undefind);//true
로그인 후 복사


尽管如此,但是他们用途完全不同,无论在什么情况下都没必要将一个变量的值显示设为undefined,但是这个规则对null却不适用。

Boolean类型

这个类型只有两个值:true 和false。虽然只有两个值,但是javascript中所有类型的值都有与这两个值等价的值。要将一个值转换为对应的Boolean值,可以调用转型函数Boolean() (其实Boolean ,Object,String,Number,Function等这些都是一个函数,构造函数,同样也可以理解为一个类,用类型调用toString()方法会返回这样的东西:

"function Function() { [native code] }" ,Function会相应的改成各自的那个调用函数 )

其实在 if 语句判断中,会对里面的条件自动执行Boolean变化的。

Number类型

数值类型有很多值,最基本的当然就是十进制啦,如:

var num=510;

除了十进制,整数还可以通过八进制或十六进制,其中八进制字面值第一位必须是0,然后是八进制数字序列,如果字面值中的数值超出了范围,那么前导零将被忽略。后面的额数值将被当做十进制数解析。

var num1=070;//八进制的56var num2 =079;//无效的八进制—解析为79var num3 =08;// 无效的八进制—解析为8

而十六进制前面则必须是0x,后跟十六进制数字(0~F),不分大小写。如:

var num1 = 0xA;var num2 = 0x1f;
로그인 후 복사

虽然可以表示为八进制和十六进制,但是计算时会被转换成十进制值。

除了整数,还有浮点数值,当然了,没有像其他强类型语言中的float之类的关键字了。

var num1 = 1.1;
var num2 =0.1;var num3 = .1;//有效,但不推荐
로그인 후 복사

在保存整数时内存分配大小只有浮点数的1/2,所以当浮点数可以转换为整数时,javascript会自动转换为整数。

当然了,除了这些数值比较小的,还有一些极大或极小的数值,可以用科学计数法表示,

var num=123.456e10;

浮点数值的最高精度是17位小数,但是计算时其精确度远远不如整数。例如 ,0.1+0.2不等于0.3,而是0.3000000000000004,所以在做判断时,千万不要用浮点数相加判断等于预想中的某个值。

在javascript中数值最小的是Number.MIN_VALUE,这里可以想象成Number是一个类,而MIN_VALUE 是一个静态变量,储存最小值,同样,最大的是Number.MAX_VALUE。

如果计算中超出了这个最大值和最小值范围,则将被自动转换成Infinity值,如果是负数,就是-Infinity,整数就是Infinity,Infinity的意思是无穷,也就是正负无穷,跟数学中的概念是一样的。但是Infinity是无法参与计算的。可以用原生函数确定是不是有穷:isFinite();只有位于数值范围内才会返回true。

在Javascript中数值除了那些普通的整数、浮点数、最大值、最小值、无穷之外呢,还有一个特殊的值,就是NaN。这个数值用于表示一个本来要返回数值的操作数未返回数值的情况。比如,在C#中任何数值除以0都会报错,抛出异常,但是在Javascript中,任何数值除以0会返回Nan,因此不会影响代码的执行。

NaN的特点:

1、任何设计NaN的操作(如:NaN/0)都会返回NaN.

2、NaN与任何值都不相等,包括NaN本身。如:

alert(NaN == NaN);//false
로그인 후 복사


所以Javascript中有一个isNaN()函数,这个函数接收一个参数,任意类型,它会帮我们确定这个参数是否”不是数值”。它会先尝试先讲这个值转为数值。如果不能被转换为数值的值在调用这个函数之后会返回true,即is NaN 非数值。

至于数值转换,这个内容在Javascript中扩展开来又是一篇文章,有时间再整理整理。

String类型

字符串可以由单引号或双引号表示,在Javascript中这两种引号是等价的,如:

var name = ‘jwy";var author = “jwy”;
로그인 후 복사

不过就是要注意正确嵌套。

字符串可以直接用字面量赋值。任何字符串的长度都可以通过访问气length属性获得。

在Javascript中的字符串是不可变的,其实这跟C#中是一样的,(估计也是为了提高性能),字符串一旦创建,他们的值就不能改变,要改变某个变量保存的字符串,首先要销毁原来的字符串,然后再用另一个包含信纸的字符串填充该变量。

var name=”jwy”;name = “jwy”+” study javascript”;
로그인 후 복사

这里一开始name是保存字符串”jwy”的,第二行代码则将“jwy”+” study javascript”; 值重新赋给name,它先床架一个能容纳这个长度的新字符串,然后填充,销毁原来的字符串。

几乎每个值都有自己的toString()方法,在后面的文章会解释这个方法哪里来的,它会返回相应值的字符串表现。

var age=11;var ageToString =age.toString();//”11”
로그인 후 복사

数值、布尔值、对象和字符串值都有toString(),但是null和undefined值没有这个方法。

一般来说,调用toString()方法不必传递参数,但是,在调用数值的toString方法时,可以传递一个参数,用来指定要输出的数值的基数(看是要输出十进制、二进制、八进制、十六进制表示)

由于null和undefined没有toString方法,在不知道是否是这两者的情况下调用是会报错的,所以还有一条路可以选,就是使用转型函数String(),它呢就可以接收任何类型的值转为字符串了,处理规则如下:

1、如果这个值有toString则直接调用,并返回结果

2、如果是null,则返回”null”

3、如果是unde,则返回”undefined”

Object 类型

Object类型是Javascript引用类型的鼻祖了,(就跟在C#和Java中是一样的道理),在创建Object类型的实例后可以为其添加属性和方法,

var o = new Object;//有效,不推荐var o =new Object();
로그인 후 복사

在Javascript中,Object类型所具有的任何属性和方法也同样存在于更具体的对象中。

每个实例都有如下的属性和方法,如下:

1、constructor ,保存着用于创建当前对象的函数。上面构造函数就是Object();

2、hasOwnProperty,用于检查给定的属性是否在当前对象实例中,是就true,不是在实例中,而是在原型中,则是false;

3、isPrototypeOf,用于检查传入的对象是否是另一个对象的原型

4、propertyIsEnumerable,用于检查给定的属性是否能够使用for…in语句来枚举,

5、toString,返回对象的字符串表示

6、valueOf,返回对象的字符串、数值或布尔值表示,通常与toString方法返回值相同

以上就是Object所具有的属性和方法,所有对象都会因为继承关系而继承这些属性和方法。

结束语

Undefined、Null、Boolean、Number、String是javascript中的基本数据类型,而Object属于引用类型。用typeof检测其他类型会返回相应的字符串,但是检测null或对象时,会返回”object",如果掌握了这些,以后就不会看到这些会点摸不着头脑了。顺带提一句:

Boolean、Number、String 这三个是Javascript中的基本包装类型,也就是这三个其实是一个构造函数,他们是Function的实例,是引用类型,至于这里的String与文章说的String是同名,是因为其实上文说的String是指字符串,这里的String指的是String这个构造函数,上面那么写,是为了更好的理解,因为Javascript是松散类型的。我们可以看下String实例化的例子:

var name = String("jwy");
alert(typeof name);//"object"
var author = "Tom";alert(typeof name);//"string"
로그인 후 복사

위 내용은 JavaScript 기본 데이터 유형, 값 유형 및 참조 유형 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿