Web Front-endJS TutorialIntroduction to javascript basic data types and value type reference types
This article mainly talks about the basic data types in JavaScript, as well as the difference and use of value types and reference types
1. Basic data types
The keywords used to declare variables in JavaScript are all var, which is different from other programming languages. However, JavaScript also contains five basic data types (which can also be said to be simple data types). They are: Undefined, Null, Boolean, Number and String. It also contains a complex data type—Object.
(1), "undefined" - not declared, or the value of the variable is undefined or uninitialized;
(2) , "boolean" - if the value of this variable is of Boolean type;
(3), "string" - the value is of string type;
(4), "number" - the value is of numeric type;
(5), "object" - the object or value is null;
The keyword typeof must be mentioned, because JavaScript is loosely typed and does not use the corresponding type when declaring variables. keyword, if you want to know the basic data amount of a certain variable in the code, you can use typeof. What should be noted here is that typeof returns a string type.
(5), "function" - function.
Instance verification:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript">
function test1(){
var testMessage;
alert(typeof testMessage);
}
function test2(){
var testMessage = null;
alert(typeof testMessage);
}
function test3(){
var testMessage = "hello";
alert(typeof testMessage)
}
function test4(){
var testMessage = 12;
alert(typeof testMessage)
}
function test5(){
var testMessage = true;
alert(typeof testMessage)
}
function test6(){
var testMessage = [];
alert(typeof testMessage)
}
function test7(){
var testMessage = [];
alert(typeof testMessage)
}
function test8(){
var testMessage = new Object();
alert(typeof testMessage)
}
function test9(){
alert(typeof test8)
}
</script>
</head>
<body>
<button type="button" id="button1" onclick = "test1()">测试undefined</button>
<button type="button" id="button2" onclick = "test2()">测试null</button>
<button type="button" id="button3" onclick = "test3()">测试string</button>
<button type="button" id="button4" onclick = "test4()">测试number</button>
<button type="button" id="button5" onclick = "test5()">测试boolean</button>
<button type="button" id="button6" onclick = "test6()">测试[]</button>
<button type="button" id="button7" onclick = "test7()">测试{}</button>
<button type="button" id="button8" onclick = "test8()">测试Object</button>
<button type="button" id="button9" onclick = "test9()">测试function</button>
</body>
</html>1. Undefined
The Undefined type has only one value, that is undefined. When the declared variable has not been initialized, the default value of the variable is undefined
function test1(){
var testMessage;
alert(typeof testMessage);
}
##2, Null
The Null type also has only one value, null. null is used to represent an object that does not yet exist. It is often used to indicate that a function attempts to return a non-existent object
function test2(){
var testMessage = null;
alert(typeof testMessage);
}
3, string
String, the string can be any text in quotation marks. You can use single or double quotes:
function test3(){
var testMessage = "hello";
alert(typeof testMessage)
}
can be a floating point number, an integer function test4(){
var testMessage = 12;
alert(typeof testMessage)
}
##5, boolean
Boolean type, has two values true or false.
function test5(){
var testMessage = true;
alert(typeof testMessage)
}
##6. obeject:
Objects and arrays, as well as null.
Objects and arrays can contain different types, including objects and arrays.function test6(){
var testMessage = [];
alert(typeof testMessage)
}
function test7(){
var testMessage = [];
alert(typeof testMessage)
}
function test8(){
var testMessage = new Object();
alert(typeof testMessage)
}
函数类型
function test9(){
alert(typeof test8)
}
二、值类型与引用类型
（1）值类型：数值、布尔值、null、undefined
值类型指的是保存在栈内存中的简单数据段，按值访问，操作的是他们实际保存的值；
（2）引用类型：对象、数组、函数
引用类型指的是那些保存在堆内存中的对象，意思是，变量中保存的实际上只是一个指针，这个指针执行内存中的另一个位置，由该位置保存对象；引用访问，当查询时，我们需要先从栈中读取内存地址，然后再顺藤摸瓜地找到保存在堆内存中的值；
如：以下都是引用类型
var cars= new Array; var person= new Object;
1、值类型实例：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript">
function fun1(){
var a=1;
var b=a;
b=-1;
alert("a="+a+" b="+b);
}
function fun2(){
var a=new String("lin");
var b=a;
b = new String("bing");
alert("a="+a+" b="+b);
}
function fun3(){
var a="lin";
var b=a;
b = "bing";
alert("a="+a+" b="+b);
}
</script>
</head>
<body>
<button type="button" id="button1" onclick = "fun1()">测试值类型</button>
<button type="button" id="button2" onclick = "fun2()">测试值类型</button>
<button type="button" id="button1" onclick = "fun3()">测试值类型</button>
</body>
</html>
2、引用类型实例
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript">
function fun1(){
var a=[1,2,3];
var b=a;
a[0]=1000;
alert("a="+a+" b="+b);
}
function fun2(){
var a = [1,2,3];
var b = a;
b = [11, 12, 13];//b指向了另一个内存地址，与a断开关联
a[0] = 2;
alert("a="+a+" b="+b);
}
function fun3(){
function ClassDemo(){
this.name = "linbingwen";
this.url = "我的博客：http://blog.csdn.net/evankaka";
}
var objDemo = new ClassDemo();
var objDemo1 = objDemo;
var objDemo2 = objDemo;
objDemo1.url = "我的主页：http://my.csdn.net/Evankaka";
alert(
"objDemo1.url的值：Introduction to javascript basic data types and value type reference typesn" + objDemo1.url + "Introduction to javascript basic data types and value type reference typesn" +
"objDemo2.url的值：Introduction to javascript basic data types and value type reference typesn" + objDemo2.url
);
}
</script>
</head>
<body>
<button type="button" id="button1" onclick = "fun1()">测试引用类型</button>
<button type="button" id="button2" onclick = "fun2()">测试引用类型</button>
<button type="button" id="button3" onclick = "fun3()">测试引用类型</button>
</body>
</html>
注意：
undefined，null，空字符串，0都等于false，都可以通过！来取反。
The above is the detailed content of Introduction to javascript basic data types and value type reference types. For more information, please follow other related articles on the PHP Chinese website!
dint是什么数据类型Sep 05, 2022 am 11:05 AMdint是带符号位的32位整数类型；dint的表示方法及范围是“L#-2147483648~L#+2147483647”，定义为双整数或长整数，字节是电脑里的数据量单位，在计算机中，数据只用0和1这种表现形式。
Python时间序列数据操作的常用方法总结Apr 24, 2023 pm 10:22 PM时间序列数据是一种在一段时间内收集的数据类型，它通常用于金融、经济学和气象学等领域，经常通过分析来了解随着时间的推移的趋势和模式Pandas是Python中一个强大且流行的数据操作库，特别适合处理时间序列数据。它提供了一系列工具和函数可以轻松加载、操作和分析时间序列数据。在本文中，我们介绍时间序列数据的索引和切片、重新采样和滚动窗口计算以及其他有用的常见操作，这些都是使用Pandas操作时间序列数据的关键技术。数据类型Python在Python中，没有专门用于表示日期的内置数据类型。一般情况下都
mysql性别用什么类型Jun 13, 2023 am 11:33 AMMySQL性别采用多种数据类型来表示性别字段，例如CHAR、ENUM等，最终采用哪种类型，取决于实际需求以及数据存储的大小和性能。
decimal是什么类型Mar 18, 2021 pm 04:03 PMdecimal是MySQL中存在的精准数据类型，语法格式“DECIMAL(M,D)”。其中，M是数字的最大数（精度），其范围为“1～65”，默认值是10；D是小数点右侧数字的数目（标度），其范围是“0～30”，但不得超过M。
MySQL数据类型详解：你需要知道的知识点Jun 15, 2023 am 08:56 AMMySQL是世界上最流行的关系型数据库管理系统之一，因其可靠性、高安全性、高扩展性以及相对低的成本而得到了广泛应用。MySQL的数据类型定义了各种数据类型的存储方式，是MySQL的重要组成部分。本文将详解MySQL的数据类型，以及在实际应用中需要注意的一些知识点。一、MySQL的数据类型分类MySQL的数据类型可以分为以下几类：整数类型：包括TINYINT、
表中字段的数据类型有哪些Jan 19, 2021 am 10:18 AM表中字段的数据类型有：1、二进制类型，包括Binary、Varbinary、Image；2、字符串类型，包括CHAR、VARCHAR、TEXT等；3、Unicode数据类型，包括Nchar，Nvarchar和Ntext；4、日期和时间数据类型，包括DATE、TIME、YEAR等；5、数值数据类型，包括INT、FLOAT、BIGINT等；6、货币数据类型；7、特殊数据类型等等。
PHP8中支持的新数据类型可以让你的代码变得更加清新Jun 21, 2023 am 11:20 AM随着PHP8的发布，这个流行的编程语言引入了新的数据类型，这些新类型可以大大简化代码并提高代码的可读性。在本文中，我们将介绍PHP8中的四种新类型：联合类型、命名参数、只读属性和允许为空的属性，并解释它们如何为开发者带来更好的编程体验。联合类型联合类型是PHP8中引入的一种新类型，它可以让开发者在一个变量中存储多种不同类型的值。例如，一个变量可以
mysql中银行卡号用什么类型Jun 14, 2023 pm 04:34 PMmysql中银行卡号用“varchar”字符串类型，因为银行卡的号码较长并且全是数字，为了方便存储，就统一存储为字符串类型。如果用“number”类型，会超出“int”类型的最大值范围，必须用“bigInteger”存储，而它不利于数据的正常转换。
Hot AI Tools
Undresser.AI Undress
AI-powered app for creating realistic nude photos
AI Clothes Remover
Online AI tool for removing clothes from photos.
Undress AI Tool
Undress images for free
Clothoff.io
AI clothes remover
AI Hentai Generator
Generate AI Hentai for free.
Hot Article
Hot Tools
mPDF
mPDF is a PHP library that can generate PDF files from UTF-8 encoded HTML. The original author, Ian Back, wrote mPDF to output PDF files "on the fly" from his website and handle different languages. It is slower than original scripts like HTML2FPDF and produces larger files when using Unicode fonts, but supports CSS styles etc. and has a lot of enhancements. Supports almost all languages, including RTL (Arabic and Hebrew) and CJK (Chinese, Japanese and Korean). Supports nested block-level elements (such as P, DIV),
Notepad++7.3.1
Easy-to-use and free code editor
MinGW - Minimalist GNU for Windows
This project is in the process of being migrated to osdn.net/projects/mingw, you can continue to follow us there. MinGW: A native Windows port of the GNU Compiler Collection (GCC), freely distributable import libraries and header files for building native Windows applications; includes extensions to the MSVC runtime to support C99 functionality. All MinGW software can run on 64-bit Windows platforms.
Atom editor mac version download
The most popular open source editor
SublimeText3 Linux new version
SublimeText3 Linux latest version
