JavaScript基础
2022/7/26 1:22:56
本文主要是介绍JavaScript基础,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
初识JavaScript
一、JavaScript的组成及用途
- 核心(ECMAScript):描述了该语言的语法和基本对象。
- 文档对象模型(DOM):描述处理网页内容的方法和接口。
- 浏览器对象模型(BOM):描述与浏览器进行交互的方法和接口。
二、编写Js及如何运行Js
- Html标签内部编写JavaScript代码--不推荐使用。
- Html文件内部编写JavaScript代码。
- 通过标签引入外部的.js文件
三、变量的数据类型
基本数据类型:number数字 、 string字符串、boolean布尔值、undefined未定义、null空对象。
引用数据类型:object
【使用typeof来查看对应的类型】
四、数据类型的转换
1、将其他数据类型转换为String
调用被转换类型的toString()方法
var str1 = number1.toString()
2、将其他数据类型转换为Number
(1)Number方法(直接转number类型)
(2)使用parseInt方法(转整型)
(3)使用parstFloat方法 (转小数)
var str2 = "1a123.12a" console.log(Number(str2));//当你将一个内容转为的数值过程中无法被解析就会出现NaN //从前到后拿出里面的数值 前面没有数值变成NaN console.log(parseInt(str2)); console.log(parseFloat(str2));
//将boolean类转为number类型 (false 0 true 1) console.log(Number(true)) //1 console.log(Number(false)) //0
//将对应的undefined和null转为number var un console.log(Number(un)) //NaN console.log(Number(null)) //0
3、将其他数据类型转换为Boolean
使用Boolean方法将其转为布尔类型
//将字符串转为对应的boolean类型 var str ="abc" //转为boolean类型 非空就是true 空字符串表示false var b = Boolean(str) //true var b1 = Boolean('') //false
//将number转为布尔类型 var number1 = 10 //number转布尔 非0和非NaN则为true NaN和0就是false console.log(Boolean(number1))//true console.log(Boolean(0))//false console.log(Boolean(NaN))//false
//将undefined和对应的null转为boolean(false) console.log(Boolean(un)) //false console.log(Boolean(null)) //false
4、isNaN 是NaN返回true不是返回false(not a number)
// isNaN 指 是NaN返回true不是返回false(not a number) var a = 10; console.log(isNaN(a)); //false // 转换成number类型成功 var str = "123"; console.log(isNaN(Number(str))); //false // 转换成number类型失败 var str = "abc"; console.log(isNaN(Number(str))); //ture
五、运算符和表达式
算术运算
+ - * / % ++ --
逻辑运算
&& 与(同true则为true) || 或 (有true就是true) ! 非(取反)
比较运算
> < >= <= == != ===(全等 俩个类型和对应的值一模一样 这个俩个是一个东西)
赋值运算
= += -= / = * = % =
位运算(转为二进制再进行位的变化运算)
>> 右移 << 左移 ~~ 去掉小数
这篇关于JavaScript基础的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-12-21《鸿蒙HarmonyOS应用开发从入门到精通(第2版)》简介
- 2024-12-21后台管理系统开发教程:新手入门全指南
- 2024-12-21后台开发教程:新手入门及实战指南
- 2024-12-21后台综合解决方案教程:新手入门指南
- 2024-12-21接口模块封装教程:新手必备指南
- 2024-12-21请求动作封装教程:新手必看指南
- 2024-12-21RBAC的权限教程:从入门到实践
- 2024-12-21登录鉴权实战:新手入门教程
- 2024-12-21动态权限实战入门指南
- 2024-12-21功能权限实战:新手入门指南