目录

  • JS的书写位置
  • 输出
  • 语法
  • 变量
  • 八大数据类型:
    • 分类
    • number 类型
    • string(字符串)
    • 其他类型
  • 类型转换
    • 强制转换
    • 自动转换
  • 用户输入

JS的书写位置

1、内嵌式
使用的是Script标签,该标签可以写在html文档中的任何位置
【强调】一般情况下,我们应该将其写在head标签中。

2、外链式
通过script标签的src属性,引入外部的js文件。

  • 不要在同一个Script标签中同时使用内嵌式与外链式。 如果设置了src属性,Script标签中的内容就会被忽略。

3、外链式的优点
1.提高代码的复用性。
2.提高网页的加载速度。

输出

1、alert 翻译:警报
用途:弹出警告框。
格式:
alert(“弹出内容”);

2、console.log(); 指在控制台输出

3、docmuent.write( 输出内容); 在页面中输出

语法

  • 语句:执行行为的语法结构和命令。
    通俗的说:语句是为了完成某个目的而进行的操作。
    语句以;结尾,一个分号就表示一个语句结束了。
    可以将多个语句写在同一行,但是每个语句独占一行可以调高代码的可读性。

  • 分号:
    当存在换行时,分号可以省略,但是不推荐这样做,因为若js文件被压缩,会出现错误。

变量

  • 变量是一个存放数据的容器,可以保存任何数据类型。

  • 变量的定义和赋值
    1.定义(声明)。 使用var关键字来定义变量。 var 后面跟一个空格,然后是变量名。
    2.赋值。 = 等于赋值 将=右边的值赋给左边。

  • 变量要先定义,再使用。
    1.声明变量,没有赋值,直接使用,不会报错,但是结果是undefined(未定义)。
    2.没有声明变量,直接使用,报错。

  • 标识符:
    用户自定义的名字叫做标识符。变量名是标识符。函数名也是标识符。
    1.标识符可以由任一的大小写字母,数字,下划线_和美元符($)组成,但是不能以数字开头.
    2.标识符区分大小写。强烈不建议使用同一个单词的大小写来区分两个变量。
    3.见名知意
    4.不要使用js的保留字与关键字

  • 关键字:js具有一些功能性的词语。
    abstract、enum、int、short、boolean、export、interface、static、byte、extends、long、super、char、final、native、synchronized、class、float、package、throws、const、goto、private 、transient、debugger、implements、protected 、volatile、double、import、public。

  • 保留字:目前没有特殊功能,但是js保留下来可能以后使用。
    abstract arguments boolean break byte
    case catch char class* const
    continue debugger default delete do
    double else enum* eval export*
    extends* false final finally float
    for function goto if implements
    import* in instanceof int interface
    let long native new null
    package private protected public return
    short static super* switch synchronized
    this throw throws transient true
    try typeof var void volatile
    while with yield

  • 可以将声明与赋值写在一起
    var userName = “张三”

  • 一个var 可以声明多个变量,变量名之间使用逗号隔开。
    var a,b,c;
    a=“a”;
    b=“b”;
    alert(b);

八大数据类型:

  • 数值 number: 整数和小数 1 3.1415926

  • 字符串 string:‘hello’ “word”

  • 布尔值 boolean :真假 true false

  • undefind:表示 未定义 或者 不存在。

  • null:表示空值,表示变量的值为:什么都没有。

  • 对象 object

  • 数组 array

  • 函数 function

分类

  • 原始类型(简单数据类型):number string boolean

  • 引用数据类型:object array function

  • 特殊值:undefined null。

number 类型

整数和浮点数(有理数)(无限不循环小数:无理数)
浮点数不是精确的值,涉及小数的计算和比较时一定要小心。
js内部,所有的数字都是以64位的浮点数形式存储的。

  • 二进制转10进制:
    10 = 1 * 2的一次方 + 0 * 2的0次方
    0 = 0
    1 = 1
    10 = 2
    11 = 3 2 + 1
    100 = 4 1 * 2的二次方 + 0 * 2的1次方 + 0 * 2的0次方

  • 10进制转2进制
    整数: 除2取余,倒序排列。
    小数: 乘2取整,顺序排列
    2.1分为两部分
    2 2/2=1 0 10(除以2得1,余0 所以得10)
    10.000110011001100
    0.1 2 = 0.2 0(剩余0.1除以2 等于0.2 取整数,0)
    0.2
    2 = 0.4 0
    0.42 = 0.8 0
    0.8
    2 = 1.6 1
    0.6 * 2 =1.2 1
    0.2*2
    1000.1111

  • 数值范围:
    + - 9007199254740991

  • 数值的表示方式
    科学计数法
    12300 123*10的二次方 123e2
    有两种情况,js会自动将数值转换为科学计数法
    (1)小数点的数字多于21位。
    (2)小数点后紧跟5个以上的零

  • 数值的进制
    console.log/alert中,会将其他进制的数字默认转为10进制。
    二进制 0 1
    十进制 0-9
    八进制 0-7 有前缀为0o或0O的数值。
    十六进制 0-9 a-f 前缀为0x或0X的数值
    15 * 16 + 15 * 1

  • 特殊数值
    NaN:not a number 这不是一个数字。主要出现在字符串转数字出错的场合。
    NaN与任何数(包括自身)的运算,得到的都是NaN。

     Infinity 表示:无穷+Infinity:无穷大-Infinity 无穷小。
    

string(字符串)

  • 字符串是由零个或多个排列在一起的字符,放在单引号或双引号之中。

  • 单引号与双引号可以嵌套使用。

     如果想要在双引号中使用双引号,可以再嵌套的双引号前面加反斜杠 /![在这里插入图片描述](https://img-blog.csdnimg.cn/20201229190739282.png)
    
  • 转义:
    一些特殊字符需要转义才能在js中使用。
    转义字符为:
    \n 表示换行
    \ 表示
    \t 制表符 代表空格
    \x x代表自然数

  • 操作字符串

1、 str.length 长度

2、str[下标] 获取单个字符。

3、str.toUpperCase() 将英文字符专为大写

4、toLowerCase()将英文字符专为小写

5、indexOf:(“参数”)返回字符串中指定字符的位置(下标)。

6、substring( ):返回指定区域的字符串
str.substring(0,3)表示从下标为0的字符开始,到下标为5的字符结束,不包括结束字符。

str.substring(2)表示从下标为1的字符开始,直到字符串结束。

其他类型

  • 特殊值:
    null 空值
    undefined 未定义 只声明未赋值时。

  • 布尔值:
    true false
    只要用于流程控制语句。

    类型检测 typeof

类型转换

强制转换

  • Number()将任意类型的值转为数字。

    数字:转换后仍然是原来的值
    字符串:
    可以解析,转换成相应的数值
    不可以解析,返回的是NaN
    “” 返回 0

  • 布尔值:

                 true 1false 0
    
  • null 0

  • undefined NaN

  • parseInt( )
    字符串:将字符串转整数
    数值:将数值取整数

  • parseFloat() 将字符串转浮点数

  • String() 将任意类型的值专为字符串

  • Boolean()将任意类型的值专为布尔值
    数值:非0即真。
    字符串:’'为false,其他都为true
    下面这五个值会转为false,其余都为true。
    0
    null
    undefined
    “”
    NaN

自动转换

  • 其他数据类型转字符串
    任何类型的数据和字符串类型的数据做相加操作 (+)
    + 并不是算数运算,而是字符串拼接。
    此时其他的数据类型会自动转为字符串。

  • 其他类型转数字
    除了字符串与数字做相加运算外,其他会自动转数字进行运算。
    NaN undefined 运算结果为NaN
    NaN与任何类型做运算都为NaN ,包括它自身。

  • 其他数据转布尔值
    下面这五个值会转为false,其余都为true。
    0
    null
    undefined
    “”
    NaN

用户输入

  • prompt()

  • prompt(title,[default])
    title 是给用户显示的文本。
    点击取消会返回null
    什么也不写,点击确定会返回 空字符串
    [default] 中括号表示参数是可选的, default 默认值

  • confirm(问题)
    点击确定返回 true 点击取消 返回false




js书写位置,语法,数据类型,变量,输出,输入,类型转换相关推荐

  1. C语言学习笔记01:C语言基础语法_变量类型_类型转换

    文章目录 C语言第一天课程笔记 1. 内容安排 2. 课堂笔记 2.1 计算机硬件 2.2 计算机软件 2.3 编程语言和编译器 2.4 编程语言发展 2.5 C语言标准 2.6 C语言学习理由 2. ...

  2. JS的基本语法知识概括(ECMA、DOM、BOM)

    1.javaScript的简介: 1.理解: js是一种解释性.即使编译的编程语言.应用于web应用的脚本语言,非web环境下也可以使用 2.作用: 1.js可以实现html标签的动态效果 2.js可 ...

  3. 快速撑握C#知识点之变量,类型及类型转换

    1.变量:变量是指在程序的运行过程中随时可以发生变化的量. 语法:数据类型 变量名; 例如: string stra="这是一个字符串"; 2.常量:也称常数,是一种恒定的或不可变 ...

  4. 前端:JS/17/前篇总结(JS程序的基本语法,变量),数据类型-变量的类型(数值型,字符型,布尔型,未定义型,空型),数据类型转换,typeof()判断数据类型,从字符串提取整数或浮点数的函数

    JS程序的基本语法 1,JS是区分大小写的,如:Name和name是不同的: 2,JS中每一条语句,一般以英文的分号(;)结束,在Java中是严格地一定要加上分号,不然会报错:但在JavaScript ...

  5. JavaScript 的三种书写位置,注释形式,变量的使用叙述

    文章目录 1. JS code的三种书写位置 1.1 行内写法 1.2 内嵌写法 1.3 外部写法 1.4 注意事项 2. JS 的注释 4. JS 常用的输出语句 4.1 浏览器弹出警示框 4.2 ...

  6. javascript历史、作用、三大组成、javascript代码书写位置、注意事项、变量

    JavaScript简介 JavaScript历史: JavaScript是一门解释型.动态类型.基于对象的脚本语言(不需要编译,直接执行,与之相对的是编译型语言),由美国网景公司的布兰登·艾奇发明, ...

  7. python的基本语法、数据类型、运算符及基本操作_Python教程基础语法、变量基本使用和算术运算符...

    变量的基本使用 程序就是用来处理数据的,而变量就是用来存储数据的 目标 · 变量定义 · 变量的类型 · 变量的命名 01. 变量定义 · 在 Python 中,每个变量 在使用前都必须赋值,变量 赋 ...

  8. 【JS基础-1】JavaScript语言简单介绍(语法、变量、数组、流程控制语句、函数、对象和事件)

    目录 1 JS概述 2 在HTML中引入JS代码 2.1 内部引用 2.2 外部引用 2.3 功能演示:修改标签内容 2.3.1 内部引用 2.3.2 外部引用 3 JS变量 3.1 变量名的命名规则 ...

  9. 11月8日学习内容整理:js的引入方式,变量数据类型,运算符,流程控制,函数...

    js是一门成熟的编程语言,专门用浏览器客户端执行的语言 一.js的引入方式 1.直接在body标签中使用script标签写js语言 2.通过script标签导入js文件,<script   sr ...

最新文章

  1. 如何用 ndctl/ipmctl 管理工具 配置不同访问模式的pmem设备
  2. 【腾讯三面】你能现场写一下LRU算法吗?
  3. NSURLProtectionSpace 证书认证的上下文
  4. linux下基本命令
  5. 【oracle】补充 cursor 基本例子
  6. 一阶段结束考核题(链表的嵌套使用)
  7. 复制一个5G文件只需要两秒,全网最牛方法!
  8. 李洋疯狂C语言之用递归解决李白喝酒问题(二)
  9. python自由落体_VPython - example - 模拟自由落体运动
  10. 分享自己写的一个贪吃蛇的游戏(Linux)
  11. C语言 __TIME__ - C语言零基础入门教程
  12. 丰胸神器?网友曝椰树椰汁新广告低俗 疑似虚假宣传被调查...
  13. webrtc自动增益
  14. hdu1864--dp
  15. 烤箱定时器不走怎么办_走夜路害怕怎么办?带上这6大辟邪文玩在也不害怕
  16. NVelocity介绍
  17. 机房服务器硬件供应,机房服务器硬件维护方法大全
  18. IDEA放大和缩小代码字体的快捷键设置
  19. 码率多少算是正常的1080p_MP3的频率、比特率、码率与音质的关系(网络整理)...
  20. Win32API编程_切换窗口

热门文章

  1. 凯恩帝绝对坐标清零_数控凯恩帝相对和绝对坐标怎么切换切换,求师傅
  2. geetest php,Laravel 集成 Geetest验证码的方法
  3. Linux内存管理第十一章 -- Swap Management
  4. 计算机处理执行最快的,如何提升电脑运行速度(简单快捷处理经验谈)
  5. jzoj3234. 阴阳
  6. 超级好用的在线流程图、脑图、UML制作工具ProcessOn
  7. 保密相册计算机,隐私加密相册电脑版
  8. 011 Verilog原语
  9. HTTP请求方法:GET、HEAD、POST、PUT、DELETE、CONNECT、OPTIONS、TRACE 说明
  10. C51单片机仿真学习笔记