JavaScript入门初学

JavaScript了解

诞生于1995年 Livescript 更名为javascript(Netscape出品)

JavaScript概述

javascript是一个轻量级的语句,是单线程的语句(一个线程解析),是一个弱语言(没有固定的类型划分,给定的值是什么类型他就是什么类型),他还是一个脚本语言

注:有浏览器的地方就能解析对应的javascript(v8引擎)

javaScript包含的内容

ECMAScript(基本语法及相关对象 )
DOM (文档对象模型 操作HTML)
BOM(浏览器对象模型 操作浏览器)

JavaScript书写方式(推荐写html后面)
1.书写在script标签里面(一般会用到的)
2.书写在js文件里面(推荐)

定义一个js文件(index.js)

引入这个js文件

console.log('hello world')(写在js里)
3.书写对应的事件属性里面
<a href="javascript:void()"></a>
变量定义(使用var关键词声明)
//var 变量名=值

var number = 10
//多个赋值用逗号隔开
变量名的书写

1.只能是对应的字母或者数字或者下划线等字符(不能以数字开头)

2.一般采用驼峰命名法(采用单词拼接第一个单词首字母小写其他首字母大写例如helloWorld)

3.不能使用关键词

4.普通变量首字母小写 常量全大写

5.变量命名尽量见名思意,如函数--fn 正则表达式---re等

6.变量名区分大小写

image

数据类型(基本数据类型)

number类型(所有的数值(浏览器检查面板中颜色显示蓝色))

String字符串类型(单引号,双引号都是字符串(浏览器检查面板中颜色显示黑色))

boolean类型(只有两个值true和false)

null空类型(是null值的情况)

undefined 未定义类型(不写值)

注:可用typeof查看对应类型
eg.console.log(typeof bool);

类型转换

number类型转string类型 (隐式转换(string>number))
var str1=number.toString()   //toString方法
string转为number(显式转换)

1.Number方法(直接转number类型)

2.使用parseInt(转整型)

3.使用parstFloat(转小数)

var str2="666.66a"

console.log(Number(str2));//  结果为NaN(当你将一个内容转为数值的过程中无法被解析就会出现NaN)

console.logparseInt(str2));// 结果为666

console.logparseFloat(str2));// 结果为666.66

isNaN判断是NaN则返回true 不是则返回false
var a=10

console.log(isNaN(a))//false

var str='abc'

console.log(isNaN(Number(str)))  //true(str转为数值类型为NaN 所以返回值是NaN,输出true)
将字符串转为boolean类型(非空就是true 空字符串false)
var str="a"

var b=Boolean(str)   //true

var b1=Boolean('')   //false
将number转为boolean类型( 非0和非NaN则为true NaN和0为false)
var number1=99

console.log(Boolean(number1))    //true

console.log(Boolean(0))    //false

console.log(Boolean(NaN))    //false
将undefined和null转为boolean(false)
var un

console.log(Boolean(un))   //fasle

console.log(Boolean(null))   //fasle
将boolean转为number类型(false--0 tru--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
无穷大 无穷小
var max=Infinity  //无穷大

var min=-Infinity   //无穷小
posted @   叮叮巴士  阅读(61)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 25岁的心里话
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
点击右上角即可分享
微信分享提示