JS基础(3)

简介: JS基础(3)

这意味着不用提前声明变量的类型,在程序运行过程中,类型会被自动确定

var age = 10;
//这是一个数字型var arerouok =的; //这是一个字符串

在代码运行时,变量的数据类型是由JS引擎根据右边变量值的数据类型来判断的,运行完毕之后,变量就确定了数据类型 JavaScript拥有动态类型同时也意味着相同的变量可用作不同的类型

var x = 6;
// x为数字
var x = "Bill";
// x为字符串


简单数据类型


基本数据类型JavaScript中的简单数据类型及其说明如下


简单数据类型 说明 默认值
Number 数字型,包含整值和浮点值,如21、0.21 0
Boolean 布尔值类型,如true、 false,等价于1和0 false
String 字符串类型,如“张三”注意js 里面,字符串都带引号 ""
Undefined var a; 声明了变量a但是没有给值,此时a =undefinedNull undefined
Null var a = null; 声明了变量a为空值 null


数字型


常见:二进制、八进制、十进制、十六进制

  • 0123: 0 开头表示八进制
  • 0b11: 0b 开头表示二进制
  • 0x11: 0x 开头表示十六进制
  • 直接打印出来会转化为十进制


数字型范围


console.log(Number.MAX_VALUE);
console.log(Number.MIN_VALUE);


特殊值


console.log(Infinity);
console.log(-Infinity);
console.log(NaN);


  • Infinity:无穷大
  • -Infinity:无穷小
  • NaN:Not a number,代表一个非数值


isNaN()


isNaN` 方法用来判断一个变量和或者一个值是数字类型,若不是数字类型则返回 `true`;否则返回 `false


字符串型


定义


字符长型可以是引号中的任意文本,其语法为双引号 "" 和单引号 ''


字符串引号嵌套


JS可以用单引号嵌套双引号,或者用双引号嵌套单引号(外双内单,外单内双)

var strmsg= '我是"高帅富"程序员';
var strmsg= "我是'高帅富'程序员";


字符串转义符


类似HTML里面的特殊字符,字符串中也有特殊字符,我们称之为转义符转义符都是\开头的,常用的转义符及其说明如下:

转义符 解释说明
\n 换行符, n是 newline 的意思
\ \
' 单引号'
" 双引号"
\t tab 缩进
\b 空格,b 是 blank 的意思


获取字符串长度


var str = 'hello';
console.log(str.length);


字符串拼接


多个字符串之间可以使用+进行拼接,其拼接方式为字符串+任何类型=拼接之后的新字符串。拼接前会把与字符串相加的任何类型转成字符串,再拼接成一个新的字符串


字符串拼接加强版


将字符串和变量相加,以后要更新最终的结果字符串,只需更新变量的值


布尔型


  • 布尔型有两个值,truefalse
  • 布尔型(truefalse)在参与加法时当作 10 使用
console.log(true+1);
// 2
console.log(false+1);
// 1


Undefined


console.log(undefined+1); // NaN
console.log(undefined+NaN); // NaN
console.log(undefined+true); // NaN
console.log(undefined+'aaa'); // undefinedaaa
console.log(undefined+undefined); // NaN


NULL


console.log(null+1); // 1
console.log(null+undefined); // NaN
console.log(null+NaN); // NaN
console.log(null+true); // 1
console.log(null+'aaa'); // nullaaa
console.log(null+null); // 0


相关文章
|
JavaScript
JS基础之解构赋值
解构赋值 在js中,我们经常会将对象或者数组里面的一部分数据作为参数传递给函数,如果我们使用传统的.方法会很麻烦。
|
JavaScript 前端开发
JavaScript 入门基础 - 运算符(三)
文章目录 JavaScript 入门基础 - 运算符(三) 1.什么是运算符 2.表达式和返回值 3.算术运算符概述 4. 赋值运算符 5.递增和递减运算符 5.1 递增和递减运算符概述 5.2 递增运算符 5.2.1 前置递增运算符 5.2.2 后置递增运算符 5.2.3 后置和前置运算符的区别 6. 比较运算符 7. 逻辑运算符 7.1 逻辑运算符概述 7.2 逻辑与 7.3 逻辑或 7.4
124 0
JavaScript 入门基础 - 运算符(三)
|
存储 JSON JavaScript
JavaScript 入门基础 - 变量 / 数据类型(二)
JavaScript 入门基础 - 变量 / 数据类型(二)
89 0
JavaScript 入门基础 - 变量 / 数据类型(二)
|
JavaScript 前端开发 物联网
JavaScript 入门基础 / 概念介绍(一)
JavaScript 入门基础 / 概念介绍(一)
114 0
JavaScript 入门基础 / 概念介绍(一)
|
JavaScript 前端开发 Java
JavaScript的基础使用
JavaScript的基础 一、javascript简介 JavaScript简称js,最初由网景(现在的Mozilla)公司创建,由于商标冲突原因,其标准版本命名为ECMAScript,但是一般人们还是叫JavaScript,只在谈标准的时候说到ECMAScript这个名字。值得注意的是JavaScript与java没有任何关系,就像雷峰塔(神话中镇压白娘子的塔)和雷锋。此外js(JavaScript)和jsp(java servlet pages)也没有关系。   js的工作分为两部分,一部分属于js语言本身的特性,而另一部需要依靠宿主环境(web浏览器)才能完成。 二、javascri
JavaScript的基础使用
|
JavaScript 前端开发
js 模块化基础和模块规范AMD、CMD、ES6模块
js 模块化基础和模块规范AMD、CMD、ES6模块
88 0
|
JavaScript 前端开发
原生js制作选项卡详解,适合无基础的人学习
原生js制作选项卡详解,适合无基础的人学习
114 0
原生js制作选项卡详解,适合无基础的人学习
|
JavaScript 前端开发
vue js文字跑马灯基础版本
提供两种解决思路
260 1
|
存储 JavaScript 前端开发
JavaScript基础(一篇入门)
JavaScript基础(一篇入门)
190 0
JavaScript基础(一篇入门)
|
XML JavaScript 前端开发
计算机二级web题目(5)--js(Javascript)基础
计算机二级web题目(5)--js(Javascript)基础
257 0