js引入方式&三种常用输出方式&定义变量&变量名规范和规则&数据类型分类&监测数据类型&数据类型转换&运算符

一、JS三个组成部分

1.DOM --------Domcument Object Model 文档对象模型

2.BOM -------------Browser Object Model 浏览器对象模型

3.ECMAScript ---------js语法 使用ECMAScript的语法操作DOM、BOM发生变化

二、JS的三总引入方式

1.行内式

​ + a标签 直接书写在href位置 书写javascript : ;

​ + 非a标签 需啊哟一个行为属性来操作 js 代码(onclick)

2.内嵌式

​ + 在当前页面写一个标签,把代码写在标签里

3.外链式(推荐)

​ + js代码写在.js文件中

​ + 页面中通过标签的sec引入

三、常用的三种输出方式

1.alert() 弹出层 (BOM)

2console.log() 控制台打印

3.document.write() 页面输出(DOM)

四、定义变量

1.语法: var 变量名 = 值

五、变量名命名规范和规则

1.规则

​ 1.1 变量名只能由 数字(0-9) 字母(a-zA-Z) 下划线(_) 美元符($)组成

​ 1.2 变量不能由数字开头

​ 1.3 变量区分大小写

​ 1.4 不能使用关键字和保留字(var、id…)

2.规范

​ 2.1 变量语义化

​ 2.2 驼峰命名

​ + 大驼峰 第二个单词开始首字母大写(userName)

​ + 小驼峰 第二个单词开始中间使用_连接(user_name)

六、数据类型分类

1.基本数据类型

​ 1.1 Number 数值

​ 1.2 String 字符串

​ 1.3 Boolean 布尔值

​ 1.4 Undefined 空 表示定义没有赋值

​ 1.5 Null 空 表示有值,一个空值

2.复杂数据类型

​ 2.1Object 对象

​ 2.2 Array 数组

​ 2.3 …

七、检测数据类型

1.typeof

​ 1.1 语法

​ + typeof 数据

​ + typeof (数据)

​ 1.2 返回值

​ + 数值 – ‘number’

​ + 字符串 – ‘string’

​ + 布尔值 – ‘boolean’

​ + undefined – ‘undefined’

​ + null – ‘object’

​ 1.3 typeof 只能准确检测基本数据类型

​ + 准确的检测 function – ‘function’

​ 1.4当多个typeof连用的时候,返回值是一个 ‘string’

2.isNaN()

​ 2.1 专门检测非数字的方法

​ 2.2 语法:isNaN(要检测的数据)

​ 2.3 返回值:一定是一个布尔值

​ + 返回 true 说明检测的内容是一个非数字(不是数字)

​ + 返回 false 说明检测的内容不是一个非数字(是数字)

3.Object.Prototype.toString.call()

​ 3.1 返回值 必然是一个字符串类型

​ + 返回值格式 [ object 你检测的数据类型单词 ]

​ 3.2 可以准确检测所有数据类型

八、数据类型转换

1.转数值

​ 1.1 Number()

​ + 语法:Number(要转换的数据)

​ + 返回值:转化好的数据类型

​ + 转换规则:把转换的数据当做一个整体

​ - 如果可以转换成合法数字,就是一个数字

​ - 不能转换成核发数字,那么就是一个NaN

​ 1.2 parseInt()

​ + 语法:parseInt(要转换的数据)

​ + 返回值:转换好的数据类型

​ + 转换规则

​ - 不管什么数据都是以为以为看待

​ - 如果第一位不能转换成合法数字,那么直接返回NaN

​ - 如果第一位可以转换,那么保留,继续看第二位,以此类推,到不能转化为止

​ 1.3parseFloat()

​ + 语法:parseFloat(要转换的数据)

​ + 返回值:转换好的数值类型

​ + 转换规则

​ - 和parseInt一样

​ - 只是能识别小数点

2.转字符串

​ 2.1 String()

​ + 语法:String(要转换的数据)

​ + 返回值:转换好的字符串类型

​ + 所有数据都可以转换

​ 2.2 toString()

​ + 语法:要转换的数据.toString()

​ + 返回值:转换好的字符串类型

​ + undefined和null不能转换

​ 2.3 字符串拼接

​ + 使用加号(+)进行字符串呸拼接

3.转布尔值

​ 3.1 Boolean()

​ + 语法:Boolean(要转换的数值)

​ + 返回值:转换好的布尔值

​ + 在js 中只有五个内容是false

​ - 数值 0

​ - 数值NaN

​ - 空字符串 ’‘

​ - undefined

​ - null

九、运算符

1.算术运算符

​ + - * / %

2.赋值运算符

​ = += -= *= /= %=

3.比较运算符

​ > < >= <= == === != !==

4.逻辑运算符

​ && // !

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值