JavaScript 的基本类型,## 引用类型

JavaScript 的基本类型

JS 是弱数据类型,变量到底属于那种类型,只有赋值之后,我们才能确认

Number(数字型)

数字型即是我们数学中学到的数字,可以是整数,正负数,小数。

let score = 100; 正整数

let score = 10.66; 小数

let score = -50; 负数

JavaScript 中的正数、负数、小数等 统一称为 数字类型。

String(字符串型)

通过单引号( '') 、双引号( "")或反引号( ` )包裹的数据都叫字符串

let userName = '小明' 单引号包裹

let gender = "男" 双引号包裹

let str = '' 空字符串

注意事项:

  1. 无论单引号或是双引号必须成对使用
  2. 单引号/双引号可以互相嵌套,但是不以自已嵌套自已(口诀:外双内单,或者外单内双)
  3. 必要时可以使用转义符 \,输出单引号或双引号

Boolean(布尔型)

表示肯定或否定时在计算机中对应的是布尔类型数据。

它有两个固定的值 true 和 false,表示肯定的数据用 true(真),表示否定的数据用 false(假)。

Undifefined(未定义型)

未定义是比较特殊的类型,只有一个值 undefined。

什么情况出现未定义类型?

只声明变量,不赋值的情况下,变量的默认值为 undefined,一般很少【直接】为某个变量赋值为 undefined。

工作中的使用场景:

我们开发中经常声明一个变量,等待传送过来的数据。

如果我们不知道这个数据是否传递过来,此时我们可以通过检测这个变量是不是undefined,就判断用户是否有数据传递过来。

Null(空类型)

null 表示 值为 空

null undefined 区别:

1.undefined 表示没有赋值

2.null 表示赋值了,但是内容为空

null 开发中的使用场景:

官方解释:把 null 作为尚未创建的对象

大白话: 将来有个变量里面存放的是一个对象,但是对象还没创建好,可以先给个null

引用类型

object(对象)

对象(object):JavaScript里的一种数据类型

可以理解为是一种无序的数据集合

用来描述某个事物,例如描述一个人

Ø人有姓名、年龄、性别等信息、还有吃饭睡觉打代码等功能

Ø如果用多个变量保存则比较散,用对象比较统一

比如描述 班主任 信息:

Ø静态特征 (姓名, 年龄, 身高, 性别, 爱好) => 可以使用数字, 字符串, 数组, 布尔类型等表示

Ø动态行为 (点名, 唱, 跳, rap) => 使用函数表示

例:let person = {

age:20,

name :'jack'

sayHi :function () {

document.write('Hi')

}

}

function(函数)

函数:

function,是被设计为执行特定任务的代码块

说明:

函数可以把具有相同或相似逻辑的代码“包裹”起来,通过函数调用执行这些被“包裹”的代码逻辑,这么做的优势是有利于精简代码方便复用。

function sayHi () {

document.write('Hi')

}

函数的调用语法

函数名 ()

saiHi()

总结:

1.函数是用那个关键字声明的?

function

2.函数不调用会执行吗?如何调用函数?

函数不调用自己不执行

调用方式: 函数名()

3.函数的复用代码和循环重复代码有什么不同?

循环代码写完即执行,不能很方便控制执行位置

随时调用,随时执行,可重复调用

函数传参:

Ø形参:声明函数时写在函数名右边小括号里的叫形参(形式上的参数)

Ø实参:调用函数时写在函数名右边小括号里的叫实参(实际上的参数)

Ø形参可以理解为是在这个函数内声明的变量(比如 num1 = 10)实参可以理解为是给这个变量赋值

Ø开发中尽量保持形参和实参个数一致

总结:

1.函数传递参数的好处是?

Ø可以极大的提高了函数的灵活性

2.函数参数可以分为那两类?怎么判断他们是那种参数?

Ø函数可以分为形参和实参

Ø函数声明时,小括号里面的是形参,形式上的参数

Ø函数调用时,小括号里面的是实参,实际的参数

Ø尽量保持形参和实参的个数一致

3.参数中间用什么符号隔开?

Ø逗号

函数的返回值:

有返回值函数的概念:

Ø当调用某个函数,这个函数会返回一个结果出来

Ø这就是有返回值的函数

例:return 数据

Ø在函数体中使用 return 关键字能将内部的执行结果交给函数外部使用

Ø函数内部只能运行到 1 次 return,并且 return 后面代码不会再被执行,所以 return 后面的数据不要换行写

Øreturn会立即结束当前函数

Ø函数可以没有 return,这种情况函数默认返回值为 undefined

array(数组)

数组(Array)是一种可以按顺序保存数据的数据类型

let arr = [0,1,2,3,4,5]

\

JavaScript 的基本数据类型相关推荐

  1. html类型转换函数,如何在JavaScript中转换数据类型?

    在JavaScript中,数据类型用于对一种特定类型的数据进行分类,确定可以分配给类型的值以及可以对其执行的操作.虽然由于类型强制,JavaScript会自动转换许多值,但为了达到预期的结果,通常最好 ...

  2. 科普向--详解JavaScript中的数据类型

    对于前端的小伙伴而言,JS的数据类型可谓是必懂的知识点.虽然这个知识点很是基础了,不过仍然有不少人会在这一块犯些小错误.比如网上流传的"JavaScriptS一切皆对象",其实是个 ...

  3. 前端系统化学习【JS篇】:(四)Javascript中的数据类型

    前言 细阅此文章大概需要 3分钟\color{red}{3分钟}3分钟左右 本篇中简述\color{red}{简述}简述了: Javascript中常用的数据类型 基本数据类型 引用数据类型 数据类型 ...

  4. JavaScript中基本数据类型的强制转换

    JavaScript中基本数据类型转化 将一个数据类型强制转换为其他的数据类型 主要指String Number Boolean 这三种之间的相互转化. 一.其他数据类型转换String 我们有两种方 ...

  5. javascript的基本数据类型有哪些?

    javascript的基本数据类型有哪些?下面本篇文章就来给大家介绍一下javascript的基本数据类型,希望对大家有所帮助. JavaScript的数据类型分为两种:原始类型(即基本数据类型)和对 ...

  6. javascript的原始数据类型

    JAVASCRIPT原始数据   javascript 的原始数据类型有五种,分别是Number.String.Boolean.null.undefined   原始类型数据的特点:值保存在变量本地, ...

  7. JavaScript高级程序设计--数据类型(1)

    文章较长,建议收藏以便浏览 <JavaScript高级程序设计(第三版)>学习总结   在JavaScript中,数据类型分为基本数据类型和引用数据类型两中: 基本数据类型:string. ...

  8. JavaScript中基本数据类型和引用数据类型的区别

    1.基本数据类型和引用数据类型 ECMAScript包括两个不同类型的值:基本数据类型和引用数据类型. 基本数据类型指的是简单的数据段,引用数据类型指的是有多个值构成的对象. 当我们把变量赋值给一个变 ...

  9. JavaScript基础之三JavaScript变量和数据类型

    1. JavaScript变量和数据类型 1.0 js变量和数据类型 在我们平时开发中,使用最多的并不是固定的数据, 而是会变换的数据: 比如购物车商品的数量.价格的计算等等: 比如一首歌曲播放的时间 ...

  10. JavaScript变量和数据类型初学者指南

    Scott Molinari , Vildan Softic和Chris Perry同行评审了< JavaScript变量和数据类型初学者指南>. 感谢所有SitePoint的同行评审人员 ...

最新文章

  1. Docker最全教程——从理论到实战(六)
  2. MYSQL专题-绝对实用的MYSQL优化总结
  3. 学校电用计算机控制的,高等学校适用教材:计算机控制技术
  4. 编写python程序_如何进行Python程序的编写
  5. EF – 8.多对多关联
  6. C++不定长字符串比较合理且简单的解决方法
  7. 一、Ajax跨域访问
  8. linux下ip层的一些概念
  9. iOS开发之使用Git的基本使用(二)
  10. oracle resetlog与noresetlog的作用(转载)
  11. Redfish协议测试工具–Postman
  12. PyS60记事本源码
  13. 怎么将英文的PDF翻译成中文的
  14. 小Z的袜子【莫队算法】
  15. MIMO技术原理、概念、现状简介
  16. MATLAB车辆路径或物流分配或生产调度问题实例设计和代码
  17. springboot整合任务安全
  18. MATLAB:ode45
  19. C语言提高代码效率的几种方法,7个提升嵌入式C代码效率的方法-嵌入式系统-与非网...
  20. 如何Oracle_RAC恢复一个节点总结

热门文章

  1. matlab把两列调换下位置,excel快速调换两列数据位置应该怎么操作?
  2. ios逆向入门笔记-HOOK-QQ登录
  3. 【概念认知】关于“体系”概念的个人认识
  4. java获取文件名【不带后缀】
  5. WhatsApp被禁用操作教程|实操WhatsApp解封的过程|2023三月
  6. 红米K30s至尊纪念版和opporeno3参数对比 哪个更值得入手
  7. /home/ubuntu/anaconda3/lib/python3.7/site-packages/tensorboard/compat/tensorflow_stub/dtypes.py:541:
  8. 【分享】2017 开源中国新增开源项目排行榜 TOP 100
  9. IDEA(一):自动导包,删包。
  10. python和java哪个好就业-数据告诉你,Python、Java、C+哪个更有发展前途?