1.Js的组成

2.Js的三种引入

  1. 行内式

    1. <input type="button" value="来嘛来嘛" onclick="alert('Hello World')" />
  2. 内嵌式

    1. <script>
    2. alert('Hello World~!');
    3. </script>
  3. 外部式

    1. <script src="my.js"></script>

    注意:html的加载顺序是从上到下依次进行且是同步的(一般情况下,不写入异步),要注意自己的js脚本是否合理,避免影响其他js文件的执行

3.Js注释

  1. 单行注释

    1. // 用来注释单行文字( 快捷键 ctrl + / )
  2. 多行注释

    1. /*
    2. 获取用户年龄和姓名
    3. 并通过提示框显示出来
    4. */
    5. 快捷键因不同的编辑器有所不同

4.变量

  1. 什么是变量

    • 变量是用于存放数据的容器。 我们通过 变量名 获取数据,甚至数据可以修改

  2. 变量的使用

    • 变量的声明

      1. // 声明变量
      2. var age; // 声明一个 名称为age 的变量
    • 变量的赋值

      1. age = 10; // 给 age 这个变量赋值为 10
    • 变量初始化

      1. var age = 18; // 声明变量同时赋值为 18
      2. // 声明一个变量并赋值, 我们称之为变量的初始化。
    • 同时声明多个变量

      1. // 同时声明多个变量时,只需要写一个 var, 多个变量名之间使用英文逗号隔开。
      2. var age = 10, name = 'zs', sex = 2;

5.变量命名规范

规则:

  • 由字母(A-Za-z)、数字(0-9)、下划线(_)、美元符号( $ )组成
  • 严格区分大小写
  • 不能以数字开头
  • 不能是关键字、保留字
  • 变量名必须有意义
  • 遵守驼峰命名法。首字母小写,后面单词的首字母需要大写

6.数据类型

Js把数据类型分为两类

  • 简单数据类型 (Number,String,Boolean,Undefined,Null)

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

    数值型 Number

    • JavaScript 数字类型既可以保存整数,也可以保存小数(浮点数)

      1. var age = 21; // 整数
      2. var Age = 21.3747; // 小数
    • 数字型三个特殊值

      • Infinity ,代表无穷大,大于任何数值
      • -Infinity ,代表无穷小,小于任何数值
      • NaN ,Not a number,代表一个非数值
    • isNaN

      • 用来判断一个变量是否为非数字的类型,返回 true 或者 false

    字符串型 String

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

    因为 HTML 标签里面的属性使用的是双引号,JS 这里我们更推荐使用单引号

    • 字符串引号嵌套

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

    • 字符串转义符

      类似HTML里面的特殊字符,字符串中也有特殊字符,我们称之为转义符

      转义符 解释说明
      \n 换行符,n 是 newline 的意思
      \ \ 斜杠 \
      ' ' 单引号
      " ”双引号
      \t tab 缩进
      \b 空格 ,b 是 blank 的意思
    • 字符串长度

      1. var strMsg = "我是帅气多金的程序猿!";
      2. alert(strMsg.length); // 显示 11
    • 字符串拼接

      • 多个字符串之间可以使用 + 进行拼接,其拼接方式为 字符串 + 任何类型 = 拼接之后的新字符串
      • 拼接前会把与字符串相加的任何类型转成字符串,再拼接成一个新的字符串
      • + 号总结口诀:数值相加 ,字符相连

    布尔型 Boolean

    布尔类型有两个值:true 和 false ,其中 true 表示真(对),而 false 表示假(错)。

    布尔型和数字型相加的时候, true 的值为 1 ,false 的值为 0。

    Undefined和 Null

    一个声明后没有被赋值的变量会有一个默认值undefined ( 如果进行相连或者相加时,注意结果)

    1. var variable;
    2. console.log(variable); // undefined
    3. console.log('你好' + variable); // 你好undefined
    4. console.log(11 + variable); // NaN
    5. console.log(true + variable); // NaN

    一个声明变量给 null 值,里面存的值为空(讲到对象时,我们继续研究null)

    1. var vari = null;
    2. console.log('你好' + vari); // 你好null
    3. console.log(11 + vari); // 11
    4. console.log(true + vari); // 1
  • 复杂数据类型(object)(现在先不研究)

7.获取变量数据类型

typeof 可用来获取检测变量的数据类型

  1. var num = 18;
  2. console.log(typeof num) // 结果 number

不同类型的返回值

8.数据类型转换(重点)

什么是数据类型转换?

使用表单、prompt 获取过来的数据默认是字符串类型的,此时就不能直接简单的进行加法运算,而需要转换变量的数据类型。通俗来说,就是把一种数据类型的变量转换成另一种数据类型,通常会实现3种方式的转换

  1. 转换为字符串类型
  2. 转换为数字型
  3. 转换为布尔型
  • 转换为字符串

  • 转换为数字型(重点)

    • 注意 parseInt 和 parseFloat 单词的大小写,这2个是重点
    • 隐式转换是我们在进行算数运算的时候,JS 自动转换了数据类型
  • 转换为布尔型

    • 代表空、否定的值会被转换为 false ,如 ''、0、NaN、null、undefined

    • 其余值都会被转换为 true

      1. console.log(Boolean('')); // false
      2. console.log(Boolean(0)); // false
      3. console.log(Boolean(NaN)); // false
      4. console.log(Boolean(null)); // false
      5. console.log(Boolean(undefined)); // false
      6. console.log(Boolean('小白')); // true
      7. console.log(Boolean(12)); / / true

Javascript基本数据认识的更多相关文章

  1. javascript基本数据类型问题汇总

    isNaN()检测是否是NaN: 比较浮点相等,用绝对值,是否小于某一个阈值 Math.abs(1/3 - (1-2/3))<0.0000001: 字符串多行显示\n,ES6中使用反引号``: ...

  2. App开发Native.js入门指南

    概述 Native.js技术,简称NJS,是一种将手机操作系统的原生对象转义,映射为JS对象,在JS里编写原生代码的技术.如果说Node.js把js扩展到服务器世界,那么Native.js则把js扩展 ...

  3. native.js是什么且如何使用

    native.js是什么且如何使用 一.总结 一句话总结:Native.js技术,简称NJS,是一种将手机操作系统的原生对象转义,映射为JS对象,在JS里编写原生代码的技术.Native.js不是一个 ...

  4. javascript 六种基本数据类型转换

    javascript 六种基本数据类型转换 1.显式转换 通过手动进行类型转换,Javascript提供了以下转型函数: 转换为数值类型:Number(mix).parseInt(string,rad ...

  5. 一步步学习javascript基础篇(0):开篇索引

    索引: 一步步学习javascript基础篇(1):基本概念 一步步学习javascript基础篇(2):作用域和作用域链 一步步学习javascript基础篇(3):Object.Function等 ...

  6. javaScript对象-基本包装类型的详解

    本人按书上的内容大致地把javaScript对象划分成“引用类型”.“基本包装类型”和“内置对象”三块内容. 我们这篇先了解下基本包装类型的详细用法吧! 一.我们先解下相关概念: 1.引用类型的值(对 ...

  7. javascript 红宝书笔记之函数、变量、参数、作用域

    ECMAScript 不介意传进来多少个参数,也不介意传进来的参数类型.     理解参数:      命名的参数只提供便利,不是必需的.     ECMAScript 的变量包含两种不同的数据类型的 ...

  8. JavaScript中判断对象类型方法大全2

    在JavaScript中,有5种基本数据类型和1种复杂数据类型,基本数据类型有:Undefined, Null, Boolean, Number和String:复杂数据类型是Object,Object ...

  9. 《JavaScript语言精粹》之函数化

    写在前面 看到好多书评和读书笔记都说<JavaScript语言精粹>字字珠玑,名不虚传..当然,要看得懂才行 其实个人认为函数化部分不是很好,举的例子不是十分恰当,之前看不懂是因为被成功误 ...

随机推荐

  1. PHP usleep() 函数

    实例 延迟执行当前脚本 5 秒(5000000 微秒):高佣联盟 www.cgewang.com <?php echo date('h:i:s') . "<br>" ...

  2. Java主类的装载

    在JavaMain()函数中调用LoadMainClass()函数加载Java主类.LoadMainClass()函数的实现如下: /* * Loads a class and verifies th ...

  3. React Hook~部分实用钩子

    useCompareEffect /** * useCompareEffect * useEffect只是普通的浅比较,这里做了深比较 * useEffect的依赖是否相同,相同不触发 */ impo ...

  4. MySQL主从同步-原理&实践篇

    来源:Onegoleya 简栈文化 什么是mysql的主从复制? MySQL 主从复制是指数据可以从一个MySQL数据库服务器主节点复制到一个或多个从节点.MySQL 默认采用异步复制方式,这样从节点 ...

  5. 【SCOI2005】互不侵犯 题解(状压DP)

    前言:一道状压DP的入门题(可惜我是个DP蒟蒻QAQ) ------------------ 题意简述:求在一个$n*n$的棋盘中放$k$个国王的方案数.注:当在一个格子中放入国王后,以此格为中心的九 ...

  6. 移动物体监控系统-sprint3移动监控主系统设计与开发

    一.移动监控的原理 通过获取摄像头图像,比较前后每一帧的图像数据,从而实现移动物体监控.所有移动监控原理都是这样,只是图像帧的对比的算法不一样. 二.移动物体监控系统的实现 选择开源的移动监控软件mo ...

  7. 基于Qt实现的TCP端口数据转发服务器

    对于Qt,比较喜欢qt的sdk框架,我也是用于做一些工作中用到的工具软件,基于qt的sdk做起来也比较快: 一.概述 今天要说的这个tcp端口转发服务器,主要是用于将监听端口的数据转发到另外一个服务器 ...

  8. 学习 Python,这 22 个包怎能不掌握?

    如今全球各个行业内 Python 的使用状况怎么样呢? 很多人学习python,不知道从何学起.很多人学习python,掌握了基本语法过后,不知道在哪里寻找案例上手.很多已经做案例的人,却不知道如何去 ...

  9. C#/.Net集成RabbitMQ

    RabbitMQ简介 消息 (Message) 是指在应用间传送的数据.消息可以非常简单,比如只包含文本字符串. JSON 等,也可以很复杂,比如内嵌对象. 消息队列中间件 (Message Queu ...

  10. 微信商户H5支付申请不通过被驳回,拒绝原因提示:网站存在不实内容或不安全信息

    一.H5支付简介及使用场景说明 H5支付是指商户在微信客户端外的移动端网页展示商品或服务,用户在前述页面确认使用微信支付时,商户发起本服务呼起微信客户端进行支付.主要用于触屏版的手机浏览器请求微信支付 ...